我們如何在jQuery插件中綁定事件

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

您應該為此使用事件委托

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

它可以幫助您為將來的元素附加處理程序

Answer 2

使用事件委托

$(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');
    })
}