Jquery 将 .live 更改为 .on，

Question

我正在尝试将所有 .live() 更改为 .on()，因为之前的版本现已弃用。

我很难理解它是如何工作的。在我使用这段代码之前它工作得很好......

$('#lightBoxClose').live('click', function() {
    $('#lightBox').fadeOut();
});

所以我尝试将其更改为，

$('#lightBoxClose').on('click', function() {
    $('#lightBox').fadeOut();
});

但这不起作用，任何人都可以解释一下我应该做什么，谢谢。

Answer 1

您必须绑定(bind)到绑定(bind)时已存在的元素，并将目标选择器作为第二个参数传递。该元素必须是最终点击目标的祖先，因此它可以捕获冒泡事件。这种技术称为委托(delegate)。

例如，使用 document 元素:

$(document).on('click', '#lightBoxClose', function() {
    $('#lightBox').fadeOut();
});