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.
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.