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

The Complete Beginner Guide to Building a Career in DevOps

Introduction DevOps has evolved from a niche set of practices into a fundamental pillar of modern technology, bridging the gap between development and operations to drive faster,…

Read More

Navigating Medical Tourism : A Comprehensive Guide for International Patients

Traveling abroad for complex medical procedures can feel overwhelming. Patients must balance clinical quality, travel logistics, and financial planning all at once. Over the past few decades,…

Read More

Elevating Engineering Maturity: The Essential Guide to Software Delivery Governance Platforms

Introduction While modern enterprise engineering organizations leverage powerful toolchains like GitHub, Jenkins, Kubernetes, and Terraform, managing this inevitable tool sprawl frequently introduces fragmented visibility, uneven quality gates,…

Read More

Strategic DevOps Implementation: Proven Tactics for Modern IT Teams

Introduction DevOps is frequently mistaken for a mere transition to new toolsโ€”such as adopting cloud infrastructure or automation scriptsโ€”but true transformation is deeply rooted in how people…

Read More

Comparing Medical Tourism Options: A Balanced Approach to Surgery Abroad

Introduction Finding affordable, high-quality surgery is one of the most challenging tasks a patient can face. Imagine you are experiencing persistent knee pain, and your local doctor…

Read More

Mastering AIOps: A Guide to Intelligent IT Operations and Observability

Introduction In todayโ€™s fast-paced digital ecosystem, managing IT infrastructure often feels less like precision engineering and more like constant firefighting. As your systems scale into thousands of…

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