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

How to Learn DevOps Without a Technical Background

Stepping into the tech sector can feel overwhelming, particularly when specialized fields like DevOps appear weighed down by complex code, dense infrastructure terms, and endless software stacks….

Read More

How Intelligence, Cloud Infrastructure, and Automation Are Reshaping Modern Software Engineering

The approach to designing, building, and scaling digital systems has shifted dramatically across India. Today’s commercial environment requires far more than a basic web presence or an…

Read More

Architecting Resilient IT Operations Through Modern Cloud, DevOps, and Reliability Practices

Introduction Organizations today face relentless pressure to ship software faster while keeping production environments stable, secure, and cost-effective. In fast-paced markets, the speed at which a team…

Read More

Engineering Excellence: How Modern Enterprises Scale, Modernize, and Evolve

Introduction In the current digital landscape, organizations rely heavily on software platforms, cloud infrastructure, artificial intelligence, and automated workflows to maintain a competitive edge. Yet, implementing isolated…

Read More

How to Select the Ideal Development and Search Optimization Partner for Your Enterprise

A corporate website serves as much more than a digital brochure or an online business card. Today, it functions as the central anchor of a brand’s online…

Read More

Mastering Modern Data Operations: A Comprehensive Guide to Pipeline Reliability, Tools, and Skills

Introduction Every modern enterprise depends on data to steer strategic decisions, power consumer-facing software, and train machine-learning models. Yet, as companies rapidly adopt cloud platforms, real-time streaming…

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