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

Why You Need HashiCorp Terraform Training for Your Career

Terraform lets teams build and change cloud setups safely using code files. The HashiCorp Terraform training & certification program gives 15 hours of hands-on to master IaC basics for…

How to Become a Google Cloud Professional DevOps Engineer

Google Cloud grows fast as a top cloud choice, but mastering its DevOps needs real skills. The Google Cloud Professional Engineer training gives 50-60 hours of hands-on to build…

Start Your Journey with GitOps Essential Training Today

GitOps makes putting apps on Kubernetes simple and safe by using Git as the main guide. The GitOps Essential Training shows you how to set up auto deploys with…

Your Guide to Earning the FinOps Foundation Certification

Cloud spending can grow fast without good control, but smart management keeps costs in check. The FinOps Foundation Certification teaches simple ways to track, cut waste, and plan budgets…

Your Guide to ISTIO and Envoy Certification Training Success

Service meshes like Istio make handling traffic between apps easy and safe. The ISTIO Envoy Certification Training teaches you to control routing, security, and monitoring without changing your code.​…

Docker Certified Associate: Your Complete Guide to Success

Containers change how teams build and run apps smoothly across any setup. The Docker Certified Associate certification gives you the skills to handle Docker like a pro, fixing the…

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