發生事件更改dom后調用jquery函數

Question

我有以下jquery clickno類，單擊事件后生成。 它是click事件后在popover中生成的類。

$(".clickno").on('click', function(){$(this).parent().parent().parent().hide()})

因此，當我將其添加到腳本中時，它將無法正常工作，因為在加載DOM時沒有clickno類。 彈出窗口加載后如何調用此函數。

Answer 1

如果將事件委托給.clickno父項，或者將該事件委托給文檔，也可以為您做到這一點。

$(document).on('click', ".clickno", function()
    {$(this).parent().parent().parent().hide()
});

委托活動

委派事件的優勢在於，它們可以處理來自后代元素的事件，這些事件在以后的時間添加到文檔中。 通過選擇保證在附加委托事件處理程序時會出現的元素，您可以使用委托事件來避免頻繁附加和刪除事件處理程序reference的需要 。

Answer 2

移動這個

$(".clickno").on('click', function(){$(this).parent().parent().parent().hide()})

加載了彈出框的元素的click事件代碼中。

例如：

$(".button_that_loads_popover").on('click',function({
 // Pop-over loaded
 $(".clickno").on('click', function(){$(this).parent().parent().parent().hide()});
}));