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

Certified FinOps Professional: Mastering Cloud Financial Operations for Modern Enterprises

Introduction The Certified FinOps Professional certification is designed for engineers, cloud practitioners, and financial operations specialists who want to gain mastery over managing cloud costs, budgeting, and…

Read More

The Ultimate Certified FinOps Manager Roadmap: From Engineer to Cloud Economist

Introduction The Certified FinOps Manager program is a specialized professional track designed to bridge the gap between cloud engineering, finance, and procurement. As enterprises scale their cloud…

Read More

Mastering Cloud Value: The Ultimate Guide to the Certified FinOps Engineer

Introduction The Certified FinOps Engineer is designed for professionals who want to manage cloud cost, usage, governance, and business accountability in modern cloud environments. It is especially…

Read More

Mastering Cloud Unit Economics: A Complete Guide to the Certified FinOps Architect Path

Introduction As cloud environments grow in complexity, the need for structured financial management has moved from a “nice-to-have” to a core operational requirement. This guide provides a…

Read More

Elevating Data Pipelines: The Complete Guide to CDOM โ€“ Certified DataOps Manager Certification

Introduction The CDOM โ€“ Certified DataOps Manager is a professional designation designed for individuals who aim to bridge the gap between data engineering, operations, and business strategy….

Read More

Mastering the AI Lifecycle: The Ultimate Guide to the Certified MLOps Manager Certification

Introduction The Certified MLOps Manager program is designed for professionals who want to bridge the gap between machine learning development and operational excellence. This guide is crafted…

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