CODEWITHSUNDEEP
javascriptjqueryhtml
Himanshu.Parkash
Himanshu.Parkash

Reputation: 153

Click event not triggered of dynamically added div

I have added a div dynamically into HTML,

When i have tried to trigger the click event of same element

what i have tried till yet is below :: 

$(function(){
         $("#id").bind("click",function(){
             alert("hi");
          })
});

i have also tried to use "on" instead of "bind" but it doesn't work.

but when i have write simple , it works fine 

<div onclick="javascript:testFunction();"></div>

Upvotes: 1

Views: 97

Answers (1)

Adil
Adil

Reputation: 148180

Delegate event using on(), you can give the static parent of element that is supposed to be added after execution of binding code.

$(function(){
   $(document).on("click", "#id",function(){
         alert("hi");
    });
});

Delegated events

Delegated events have the advantage that they can process events from descendant elements that are added to the document at a later time. By picking an element that is guaranteed to be present at the time the delegated event handler is attached, you can use delegated events to avoid the need to frequently attach and remove event handlers, reference.

Upvotes: 6

Related Questions