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

How we can bind event inside jquery plugin

本文关键字：绑定 事件 插件 jquery 我们      更新时间：2023-09-26

我需要为一个动态创建的锚标记绑定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?")
})
}

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

应该使用事件委托

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

它帮助您为将来的元素附加处理程序

使用事件委托

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

或在创建元素

时绑定click
$.fn.ccfn = function () {
    $(".alreadyavailabledom").click(function () {
        $('<a>', {
            html: "anchor",
            class: "dynamicallycreated",
            click: function () {
                alert("clicked anchor");
            }
        }).appendTo('#myElement');
    })
}
相关文章：