jQuery监控整个页面？

Question

我有一些代码可以为所有链接添加工具提示。现在，页面随着AJAX不断变化 - 我如何跟踪这些变化并将工具提示添加到由AJAX添加到文档的链接中？

我认为这可行：

$(document).live('change', function(){

    //code...

});

但我猜这是一个更聪明/更有效的方法来解决这个问题。有任何想法吗？

注意：我只能使用jQuery 1.3.2

Answer 1

你很接近，但我认为你可能会误解.live()功能。

.live()所做的是为您建立监控 - 它查看页面中的DOM更改，并确定是否显示了与选择器匹配的新元素。如果有，则将指定的函数附加到它们。

尝试这样的事情：

$("a").live('mouseover', function(){

    //code...

});

这样做是为了开始监视添加到其中的任何<a>元素的DOM，并且当检测到新元素时，它会将该函数附加到该元素的mouseover事件。

Answer 2

.live()是处理AJAX添加元素和事件绑定的最佳方式。

比在AJAX更新中查找每个链接并再次执行绑定要容易得多。