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

DevOps Certification Courses Compare for Career Growth

Choosing the right certification can feel overwhelming when you’re staring at so many options like DevOps, SRE, DevSecOps, and MDE. The DevOps Certification Courses Compare breaks this down completely,…

Ultimate Guide to Earning Your CloudOps Foundation Certification

The CloudOps Foundation Certification opens doors to mastering cloud operations in today’s fast-moving IT world. This entry-level program teaches core CloudOps practices that help professionals manage cloud resource management, automate tasks, and optimize performance….

Your Complete Guide to CISM Certification Training

The CISM Certification Training prepares professionals to manage, design, and oversee enterprise information security programs. Offered by ISACA, this leadership-focused credential covers governance, risk management, program development, and incident…

Complete Guide to CISA Certification Training Courses

The CISA Certification Training Course equips professionals with skills to audit, control, and secure enterprise IT systems. Offered by ISACA, this globally recognized credential covers information systems auditing from…

Your Guide to Certified Kubernetes Security Specialist Success

The Certified Kubernetes Security Specialist (CKS) Certification Training Course prepares IT pros to protect Kubernetes environments from threats. This advanced credential from CNCF and the Linux Foundation proves hands-on…

Your Guide to Certified Kubernetes Application Developer Success

The Certified Kubernetes Application Developer (CKAD) certification equips developers with hands-on skills to build and deploy cloud-native apps on Kubernetes. This credential stands out in today’s job market by…

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