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

Scaling Modern Delivery: Strategic DevOps Consulting for Netherlands Enterprises

The Dutch digital ecosystem—anchored by data hubs in Amsterdam, tech corridors in Eindhoven, and rapid financial modernization in Utrecht—moves at high velocity. Organizations across the Netherlands face…

Read More

CI/CD Pipelines Explained: How Modern Software Delivery Works

Software used to be shipped on physical media or through coordinated, late-night deployments where engineers ran shell scripts, copied binary files over SSH, and hoped database migrations…

Read More

The Complete Guide to Building a High-Impact DevOps Engineer Portfolio

Applying for a technical role in software delivery can feel overwhelming. Many candidates submit résumés listing a dozen tool names—like Docker, Kubernetes, Jenkins, and Terraform—without any proof…

Read More

Touring Japan by Motorcycle: Licensing, Route Planning, and Essential Rental Logistics

Planning an extended journey across Japan often leads travelers straight to rail passes and domestic flights. While the high-speed rail network excels at connecting dense urban centers,…

Read More

The Complete Indonesia Mobility Guide: Touring Bali, Jakarta, Lombok, and Beyond on Two and Four Wheels

Introduction Spanning thousands of equatorial islands from the Indian Ocean to the Pacific, Indonesia treats visitors to volcanic ridges, pristine surf breaks, ancient cultural monuments, and electric…

Read More

A Guide to DevOps Role Titles: Career Paths & Job Roles

Introduction Over the past decade, DevOps has shifted from an emerging organizational movement into standard engineering practice. The push to release software reliably, secure distributed architectures, and…

Read More
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
0
Would love your thoughts, please comment.x
()
x