jquery 选择器在 load() 之后停止工作

Question

简而言之，我有一个页面，其中的内容正在使用 jquery load() 加载。问题是当我尝试选择时。

$('a.selected_class').click(function(e){
 alert('alert');
 e.preventDefault();
});

（在文档内就绪）在第一页上工作，但在任何后续页面（使用 $(this).load(url); 加载到 div 中），选择器停止工作。

有什么建议吗？

Answer 1

click() 仅适用于当前页面上存在的元素。查看 live 和 委托。对于 live：

$('a.selected_class').live("click", function(e){
 alert('alert');
 e.preventDefault();
});

正如 patrick dw 提到的，如果可能的话，delegate 是首选。

Answer 2

这并不是说它停止工作。它仅将点击处理程序绑定到运行时（页面加载时）存在的那些元素。

您可以在 < 上放置 .delegate() 处理程序;div> 动态的被加载到。

$('#mydiv').delegate('a.selected_class','click',function(e){
   alert('alert');
   e.preventDefault();
});

该处理程序放置在 #mydiv 元素上，当 click 事件冒泡到它时，它会测试该事件是否发生在与 匹配的元素上>a.selected_class。

.live() 方法执行相同的操作，但它针对整个文档执行此操作，因此通常不建议使用该方法。