javascript - DOM改变后如何绑定(bind)javascript事件

Question

我有一个绑定(bind)到 tr 标签的函数，以提供如下所示的鼠标悬停效果:

$(".grid tr").bind("mouseenter", function () { $(this).addClass("hover"); }).bind("mouseleave", function () { $(this).removeClass("hover"); });

问题是当分页或过滤等发生时，网格是通过ajax加载的。这会导致网格被完全替换并且所有事件绑定(bind)失败。有没有一种方法可以绑定(bind)到一个事件，即使 DOM 发生更改，该事件也会自动附加到匹配的元素？

谢谢!

Answer 1

$.live是你想要的:

$(".grid tr").live("mouseenter", function () { $(this).addClass("hover"); }).bind("mouseleave", function () { $(this).removeClass("hover"); });