jQuery ajax 加载元素，自动向它们添加事件？

Question

我的网站对导航的每个部分都使用 ajax 和主题标签，因此每个元素（主要导航部分除外）都是通过 ajax 加载的，这会破坏与其中任何元素（或确切发生的任何情况）之间的 DOM 连接，所以我不能只是在我的 javascirpt 中有这样的东西，它适用于所有事情：

$(".chat-wrapper li").draggable();

目前我必须将其放在我的 ajax 调用的成功部分中，这样当加载聊天按钮时，它会将其添加到其中，这不是我唯一的这个存在的实例一个问题，很多事情都会发生这种情况，这只是我当前的例子，所以我的问题是 jquery 或任何东西有办法解决这个问题吗？必须有某种方法来执行此操作，因此初始页面加载后调用的任何元素也适用于这些和所有元素。

谢谢。

Answer 1

如果您希望将事件绑定到元素并使其持续存在，您可以查看 jQuery 函数 .live()。

http://api.jquery.com/live/

编辑：快速查看后，会出现jQuery 1.7+ 的 .on (http://api.jquery.com/on/) 和 .delegate() (http://api.jquery.com /delegate/) 对于 jQuery 1.4.3+ 会成为更好的解决方案。每个函数的使用示例都存在于页面链接上，但您可能可以这样使用它（我可能是错的，因为我只是快速输入它）：

$(".chat-wrapper").delegate("li", "bind", function() {
    this.draggable();
});

或者：

$(".chat-wrapper li").on("bind", function() {
    this.draggable();
});