Question

我需要为动态创建的锚标记绑定click事件。

示例：

$.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?")
})

}

它是作为插件代码编写的，我尝试过，现场等不工作。

Answer 1

你应该使用event delegation

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

它可以帮助您为未来元素附加处理程序

Answer 2

使用event delegation

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

或在创建元素时绑定单击

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

我们如何在jquery插件中绑定事件

2 个答案: