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 vs SysOps vs DevSecOps Architecture: How Modern Technology Teams Operate

Introduction The rise of cloud computing and continuous delivery transformed software deployment, shifting traditional IT boundaries from rigid server maintenance to dynamic cloud ecosystems and creating specialized…

Read More

Accelerate Your Cloud Career with Modern DevOps Study Resources

Introduction DevOps has rapidly evolved from a modern workflow movement into the absolute backbone of software delivery, creating immense demand for skilled professionals who can bridge development…

Read More

The Complete Guide to Deployment Automation in Modern DevOps

Introduction Modern software delivery demands unprecedented speed and reliability, yet traditional manual deployments—fraught with tedious SSH file transfers, hand-edited configuration files, and late-night maintenance windows—frequently introduce high…

Read More

The Ultimate Guide to Free Fleet Management Software

Introduction In the competitive world of mobility, operational speed is your greatest asset. Whether you operate a car rental business, manage a scooter rental fleet, or provide…

Read More

Heart Surgery Costs: A Guide for Medical Tourists

Introduction Navigating the complexities of cardiovascular health can feel overwhelming. Whether you are researching a routine procedure or a complex intervention, understanding your options is the first…

Read More

Best Cardiac Hospitals: Global Guide to Elite Heart Care

Navigating cardiovascular health challenges requires access to elite medical expertise, advanced diagnostic infrastructure, and highly skilled surgical teams. When facing complex heart conditions, finding the best cardiac…

Read More
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