javascript - 绑定(bind) JQuery 事件

Question

JQuery 事件让我很烦。问题是我经常使用javascript(在ajax请求后等)绘制新元素(按钮、div 等)。我有一个元素列表你可以按下一个编辑按钮，这样你就可以操纵那个链接到选定的编辑按钮。

现在如果有人提交一个表单来制作一个新元素之前存在，我用 ajax 提交，然后附加或前置列表中的新元素。之后，新的编辑按钮新元素没有链接到 JQuery 的事件系统，因为 DOM 还没有在制作编辑按钮后重新加载。如果我调用同一个包含事件的 javascript 文件，然后编辑按钮可以工作，但是然后当人们点击其他编辑按钮时，事件发生两次他们，因为他们被绑定(bind)了两次。我也用过 .bind() 但那只是绑定(bind)(我认为)同一个事件两次。我不记得在我如何测试它的那一刻。我没有测试过 .one() 但我宁愿不要使用它，因为某些事件必须多次调用。

我只是想问问你们在处理事件？

附言我将 JQuery 事件绑定(bind)到所有元素都具有的类属性。如果我要将它绑定(bind)到基于 ID 的每个元素，那么这将不是问题，因为那时我将只使用 .bind()。通过写这篇文章，我突然想到使用 .unbind() 然后 .bind() 将元素链接到事件系统。你对那个怎么想的？你会用另一种方式来做吗？

提前致谢。克里斯汀。

Answer 1

您要使用 $.fn.live:

$('a').live('click', function(e) {
    e.preventDefault();
    alert('im attached even if the DOM has been updated!');
});

http://docs.jquery.com/Events/live