javascript - 适用于稍后插入的元素的钩子(Hook)

Question

JavaScript/jQuery 选择器上的函数适用于读取函数之前页面上的元素。例如，

$('.foo').css('color', 'red');

适用于在阅读这部分代码时具有类 foo 的元素，但不适用于稍后通过 JavaScript/jQuery 函数插入的元素，例如 append() 等。有没有办法定义一个在插入元素时自动应用的钩子(Hook)？

Answer 1

使用 $('.foo')因为您的选择器将匹配所有元素与 foo类是否在加载后添加。

对于事件: .live()已从较新版本的 jQuery 中删除，因此您应该使用 .on() .这是一个例子:

$(document).on('click', '.foo', function(){
    // click event code here
});

此事件将匹配 .foo页面加载时的元素以及通过 .append() 加载的任何元素, .html()等

更新:

我想我现在明白你的意思了。有一个名为 Live Query 的插件这应该可以解决您的问题。只需包含它然后使用:

$('.foo').livequery(function() { 
    $(this).css('color', 'red');
}); 

这是一个工作演示:http://jsfiddle.net/5jJAE/