如何在javascript中使用.load（）？

Question

我的主页上有一些javascript。稍后，我使用以下命令通过javascript加载有关用户操作的更多内容：

$("#div1").load(url+' #container');

我的问题：我希望主页面上的javascript应用于现在加载到div1中的内容。但是，这不会发生，因为（我相信）只会从'url'中的#container中获取内容，因此javascript不适用于这些内容。

我该如何解决这个问题？

在左侧窗格中单击突出显示的“已组合”，然后在右侧窗格中单击“赞”后，示例位于http://agile-thicket-6078.herokuapp.com/readers/highlight/1#。

Answer 1

您可以在将内容加载到 div 之后将要执行的代码包装到函数中：

function doSomething() {
    //
}

并且做：

$("#div1").load(url, function () {
    doSomething();
});

请注意，您不需要再次绑定与.on("SELECTOR")绑定的事件处理程序，因为 JQuery 会自动为动态添加的元素执行此操作。

Answer 2

**适用于现在加载到div1 **

的内容

在主页面写这样的事件

 $(document).on('click', '.liking', function (e) {
    //your function here
 });

 -- insteadof
  $('.liking').click(function (e) { });