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

Unlock Azure Fundamental AZ-900 Training Success Today

The Azure Fundamental (AZ-900) Training gives you basic knowledge about cloud and Azure services for new starters. It shows cloud good points, types like IaaS, PaaS, and…

Unlock Azure DevOps AZ-400 Training Success Today

The Azure DevOps (AZ-400) Training teaches you to make code go from idea to live apps quickly and safely. It covers watch logs, alerts, safe logins, code…

Unlock Azure Administrator AZ-104 Training Success Today

The Azure Administrator (AZ-104) Training helps you learn to run and watch Azure cloud setups day to day. It teaches simple ways to handle users, keep data…

Boost AWS SysOps Administrator Training Career Path

The AWS SysOps Administrator Training Course prepares you to monitor and manage AWS workloads effectively. It focuses on deployment, security controls, networking, and cost optimization for real…

Excel AWS Certified Solutions Architect Associate Path

The AWS Certified Solutions Architect – Associate certification helps you design simple, reliable cloud systems on AWS. It teaches basics like compute, storage, networking, and security for…

Unlock AWS Certified Solution Architect Professional Success

The AWS Certified Solutions Architect Professional certification shows you can design complex, secure AWS systems for big needs. It covers advanced topics like billing strategies, cross-account access,…

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