How we can bind event inside jquery plugin

Question

I need to bind click event for a anchor tag which is created dynamically.

Example:

$.fn.ccfn = function(){
$(".alreadyavailabledom").click(function(){
   $("<a class="dynamicallycreated"></a>");
})
//i am trying like below, but not working

$(".dynamicallycreated").click(function(){
alert("not getting alert why?")
})

}

It is written as a plugin code, i tried with on, live etc. Not working.

possible duplicate of [Event binding on dynamically created elements?](http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements) — Blazemonger, Mar 12 '14 at 14:13

score 1 · Answer 1 · answered Mar 12 '14 at 14:08

1

you should use event delegation for that

$(document).on("click",".alreadyavailabledom",function(){
   //some operation
});

It helps you to attach handlers for the future elements

answered Mar 12 '14 at 14:08

Anoop Joshi

24,460
8
28
49

Anton · Accepted Answer · 2014-03-12T14:14:50.350

0

Use event delegation

$(document).on('click','.dynamicallycreated',function(){
    alert("not getting alert why?")
})

or bind the click when creating element

$.fn.ccfn = function () {
    $(".alreadyavailabledom").click(function () {
        $('<a>', {
            html: "anchor",
            class: "dynamicallycreated",
            click: function () {
                alert("clicked anchor");
            }
        }).appendTo('#myElement');
    })
}

edited Mar 12 '14 at 14:14

answered Mar 12 '14 at 14:08

Anton

30,499
5
42
54

Did you try this. This is very close, but not working. – raj Mar 12 '14 at 14:20
@raj what does not working mean? in what way is it not working? why is it not working? – Kevin B Mar 12 '14 at 14:29

How we can bind event inside jquery plugin

2 Answers2