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

Elevate Your Career with Comprehensive DevOps Expert Mentorship in Pune

In today’s fast-paced technological landscape, DevOps skills are a cornerstone for IT professionals determined to accelerate software delivery, advance automation, and foster efficient collaboration between development and…

Boost Your IT Career with Premier DevOps Expertise in the Netherlands

In today’s fast-evolving digital landscape, DevOps skills have become indispensable for IT professionals dedicated to optimizing software delivery, strengthening automation, and enhancing team collaboration. For individuals in…

Empower Your IT Career with Advanced DevOps Expertise in Mumbai

In today’s technology-driven world, mastering DevOps has become essential for IT professionals seeking to accelerate software delivery, enhance automation, and foster collaboration between development and operations teams….

Elevate Your IT Career with Expert DevOps in Kolkata

In an age where technology evolution dictates business success, DevOps expertise has become indispensable for IT professionals aiming to excel in software delivery, automation, and collaborative operations….

Supercharge Your IT Career with Advanced DevOps Expertise in the United States

In a fast-evolving technology landscape, DevOps skills are indispensable for IT professionals aiming to drive efficiency and innovation. For learners located in the United States, especially in…

Elevate Your IT Career with Expert DevOps in the UK and London

In today’s technology-driven era, mastering DevOps is essential for IT professionals eager to accelerate software delivery, enhance collaboration, and ensure operational excellence. For individuals based in the…

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