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

Transform Ops Using AIOps Certification Training Course | AIOps Certified Professional (AIOCP) Path

AIOps Certification Training Course helps IT teams watch systems smart with AI help. It covers AIOps basics, AWS Docker Kubernetes tools, and ML like TensorFlow PyTorch. This…

Boost IT Ops Using The AIOps Certification Training Now

AIOps Certification Training helps IT teams use smart tools to watch and fix systems fast. It covers AI benefits for operations, key watch parts, and tools like…

Boost Careers Using Full Stack QA Certified Professional (FSQCP)

Full Stack QA Certified Professional training teaches testing across all app parts from front to back. It covers manual checks, auto tests, speed tests, and safe tests…

Boost Careers with Full Stack Developers Professionals

Full Stack Developers Certified Professional training builds skills for complete app creation. It covers front-end to deployment with real tools. This path prepares you for modern team…

Unlock Careers with Expert Full Stack Developers

Full stack developers handle front-end, back-end, and deployment tasks. They build complete apps from start to finish. This skill set meets today’s demand for versatile tech pros.​…

Boost Efficiency with Powerful FinOps Services Today

FinOps services help businesses manage cloud spending smartly. They bring finance, IT, and operations teams together for better decisions. This approach cuts waste and boosts value from…

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