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

AIOps Foundation Certification: The Definitive Guide to Modern Operations Mastery

Introduction The evolution of IT operations has reached a critical juncture where manual intervention can no longer scale with the complexity of modern cloud-native environments. This guide…

Certified Site Reliability Professional: A Complete Certification Path for Reliability Leaders

Introduction The Certified Site Reliability Professional is a comprehensive framework designed to bridge the gap between traditional software engineering and systems operations. This guide is crafted for…

Certified Site Reliability Manager: The Definitive Career Guide

Introduction The Certified Site Reliability Manager is a professional designation designed for those bridging the gap between high-level engineering and strategic operations management. This guide is crafted…

Complete Guide to Certified Site Reliability Architect Success

Introduction The Certified Site Reliability Architect is a comprehensive professional program designed to validate the skills of engineers who design and manage high-availability systems. This guide is…

Mastering Your Career with Certified Site Reliability Engineer

The landscape of modern infrastructure is shifting from traditional maintenance to automated, resilient systems. If you are looking to solidify your expertise in high-availability environments, the Certified…

Complete Guide to Certified DevSecOps Professional

Engineering is no longer just about building features; it is about ensuring those features survive in a hostile production environment. As we move further into the era…

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