Question

我有一个div元素，它通过AJAX加载。一旦加载，我想突出显示其中的文本（通常的过程，单击鼠标并拖动以突出显示）。

但是由于DOM已经加载，鼠标相关的事件没有注册这些新的div，对吗？

如果我有这样的div

<div id="parent"></div>

在jQuery“get”调用之后，它变为

<div id="parent">
  <div id="child">Hello this content is loaded via AJAX</div>
</div>

如何将div“#child”重新绑定到与鼠标相关的事件？我确切地将它们重新绑定到哪些事件？

Answer 1

您正在寻找.live()。

$("#child").live({
    click: function() {
        // do stuff
    },
    mouseover: function() {
        // do stuff
    },
    mouseout: function() {
        // do stuff
    }
});

绑定任意数量的活动！

Answer 2

对于动态加载内容的绑定事件，请使用jquery .live参考官方文档，如下所示 http://api.jquery.com/live/

突出显示div中的文本，通过AJAX加载

2 个答案: