MOTOSHARE ๐Ÿš—๐Ÿ๏ธ
Turning Idle Vehicles into Shared Rides & Earnings

From Idle to Income. From Parked to Purpose.
Earn by Sharing, Ride by Renting.
Where Owners Earn, Riders Move.
Owners Earn. Riders Move. Motoshare Connects.

With Motoshare, every parked vehicle finds a purpose. Owners earn. Renters ride.
๐Ÿš€ Everyone wins.

Start Your Journey with Motoshare

event handler .on() not working in jQuery

In my case it is not working

jQuery(".date_picker_disabled").on("click", function(event){
          alert('hi');
  });


solution:

In jQuery, when you dynamically create elements or modify existing ones, attaching event handlers can be a bit tricky. However, you can solve this issue by using event delegation. Event delegation allows you to attach an event handler to a parent element that already exists on the page, which will handle events triggered by dynamically created or modified child elements.

Select a suitable parent element to attach the event handler to. This could be the document object or a container element that encompasses the dynamically created elements.

Use the on() method in jQuery to attach the event handler. The on() method allows you to specify the event type (e.g., "click") and a selector (e.g., ".date_picker_disabled") to filter the elements for which the event handler should be triggered.

$(document).on(“click”, “.date_picker_disabled”, function(event) { // Event handler code goes here });

the click event handler is attached to the document object, but you can replace document with the closest parent element that contains the dynamically created elements. The selector ".date_picker_disabled" filters the elements based on their class name.

Inside the event handler function, you can add the desired code that should execute when the event occurs. For example, you can display an alert.

Related Posts

How an AI News Aggregator Transforms the Way We Discover, Understand, and Track Global Information

The modern news consumer is faced with an unprecedented volume of information. Every minute, thousands of digital outlets, wire services, specialized trade publications, and independent platforms publish…

Read More

The Complete Guide to Automated Testing in CI/CD Pipelines

Software teams frequently encounter a familiar bottleneck right before release day: code is written, features are declared complete, and everything stops while someone runs through a lengthy…

Read More

Restaurants Near Me: The Practical Guide to Smarter Dining and Discovery

Deciding where to eat used to be a spontaneous decision based on foot traffic or a friend’s recommendation. Today, dining out plays a central role in everyday…

Read More

CI/CD Best Practices for Beginners: From Code Commit to Production Release

Introduction Manual builds and deployments frequently trap development teams in a cycle of human error, environment drift, and high-stress releasesโ€”such as a Friday production outage caused by…

Read More

MCC MNC Lookup Guide: Understanding PLMN Codes & Telecom Data

Every time a smartphone connects to a cell tower, sends an SMS, or negotiates a roaming handshake across international borders, an automated protocol verifies the exact identity…

Read More

CI/CD Tools Comparison: Jenkins vs GitLab vs GitHub Actions

Every software team eventually faces the deployment crossroads: developers need immediate feedback on pull requests, QA requires isolated test environments, and platform engineers must enforce strict security…

Read More
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
0
Would love your thoughts, please comment.x
()
x