我有一个绑定(bind)到 tr 标签的函数,以提供如下所示的鼠标悬停效果:
$(".grid tr").bind("mouseenter", function () { $(this).addClass("hover"); }).bind("mouseleave", function () { $(this).removeClass("hover"); });
问题是当分页或过滤等发生时,网格是通过ajax加载的。这会导致网格被完全替换并且所有事件绑定(bind)失败。有没有一种方法可以绑定(bind)到一个事件,即使 DOM 发生更改,该事件也会自动附加到匹配的元素?
谢谢!
最佳答案
$.live
是你想要的:
$(".grid tr").live("mouseenter", function () { $(this).addClass("hover"); }).bind("mouseleave", function () { $(this).removeClass("hover"); });
关于javascript - DOM改变后如何绑定(bind)javascript事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2762597/