javascript - 在dom更改为事件后调用jquery函数

Question

我clickno在单击事件后生成了以下 jquery 类。它是在点击事件后生成的popover 中的一个类。

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

因此，当我将它添加到我的脚本时，它不起作用，因为clickno加载 DOM 时没有类。加载弹出框后如何调用此函数。

Answer 1

将事件委托给父母，.clickno如果您知道它是父母，或者将事件委托给文档也可以为您做到这一点。

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

委托活动

委托事件的优点是它们可以处理来自以后添加到文档的后代元素的事件。通过选择在附加委托事件处理程序时保证存在的元素，您可以使用委托事件来避免频繁附加和删除事件处理程序的需要， 参考.

Answer 2

移动这个

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

在加载弹出框的元素的点击事件代码中。

例如：

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