通过ajax在jQuery中加载页面的麻烦

Question

我通过jquery加载功能将页面加载到div中。 实际的加载部分很好。 该代码基本上如下所示：

$("div#loadhere").load("newfile.html?" + new Date().getTime());

在newfile.html中，我具有一系列的div，并且具有（用于测试）单击div时发送警报的代码。 也可以

问题是这样的：当我将页面加载到div＃loadhere中，然后选择另一个页面加载到同一div中时，警报消息会发生两次。 如果我加载另一个页面，则会发生三次。

换句话说，jquery（或DOM）似乎没有意识到以前的负载已经消失。

非常感谢您的任何帮助！

Answer 1

如果我没有记错的话，则需要使用jQuery unbind来取消绑定该事件。

解除绑定

这是关于stackoverflow的类似问题

Answer 2

尝试.delegate（） - http://api.jquery.com/delegate/

您可以将事件处理程序绑定到“ body”或类似的顶级div，并监视针对您所需div的事件。 docs网站上给出的示例是针对一个表的：

$("table").delegate("td", "hover", function(){
    $(this).toggleClass("hover");
});

这样可以避免您遇到的多重绑定问题。