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

The Smart Patient’s Guide to Comparing Medical Treatment Costs Globally

Making decisions about your health is rarely easy. When you or a loved one faces a medical challenge, the sheer volume of information can feel overwhelming. Suddenly,…

Read More

Compare Treatment Costs and Book Doctors Online With MyHospitalNow

Choosing the right healthcare path is often a source of immense stress. Whether you are dealing with a sudden illness, managing a chronic condition, or seeking a…

Read More

The Ultimate Guide to Version Control and SCM for DevOps Beginners

Introduction In the modern world of software development, no one builds applications in isolation. Whether you are working on a small internal tool or a massive e-commerce…

Read More

Definitive Guide to Infrastructure as Code and Cloud Automation

Introduction In the early days of corporate computing, provisioning hardware was a slow, bureaucratic process. If a development team needed a new environment to test an application,…

Read More

The Executive Guide to Navigating Enterprise Cloud Transformation and DevOps

Introduction Modern business landscapes require organizations to adapt at a pace never seen before. Customer expectations shift in days rather than years, forcing traditional industries to reconsider…

Read More

DevOps Supports Digital Transformation: A Practical Guide for Enterprises

Introduction In the current business landscape, the pressure to modernize is no longer a luxury; it is a matter of survival. Organizations across every industry, from retail…

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