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

Your Guide to Becoming a Certified DevOps Professional

The Certified DevOps Professional certification proves you can handle tough DevOps jobs like full CI/CD setups and cloud scaling. It tests skills in continuous integration, delivery, monitoring, automation, and…

Your Guide to Becoming a Certified DevOps Manager

The Certified DevOps Manager certification helps leaders guide teams through DevOps changes. It covers planning strategies, managing people, tracking progress, and making things better over time. This 3-hour exam-only…

Your Guide to Becoming a Certified DevOps Engineer

The Certified DevOps Engineer certification validates hands-on skills in building CI/CD pipelines, automating infrastructure, and managing cloud deployments. It focuses on tools like Jenkins, Docker, Kubernetes, Ansible, and Git…

Your Complete Guide to Obtaining Certified DevOps Architect Certification

The Certified DevOps Architect certification prepares you to design large-scale DevOps solutions across clouds like AWS, Azure, and GCP. It focuses on infrastructure as code, microservices, and secure deployments…

Your Guide to the Certified Argo Project Associate Exam

The Certified Argo Project Associate (CAPA) Certification Training Course helps you learn key tools for Kubernetes workflows like Argo CD, Workflows, Events, and Rollouts. It teaches how to automate…

Your Complete Guide to CCNA Certification Training Online

The CCNA Certification Training opens doors to exciting IT networking careers by teaching key skills for Cisco networks. It covers everything from basic setups to modern automation, helping beginners…

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