javascript - 如何使 AJAX 加载的内容受父页面影响？

Question

这个问题困扰了我一段时间。如果我通过 AJAX 加载某些内容，我必须在 AJAX 加载的文件中包含 javascript（或调用外部 JS）。

如何使 AJAX 加载的内容由主页面或父页面控制？

我想控制所有链接以通过 javascript (jquery) 传递它们并做一些有趣的事情，但我真的不想让它成为外部 JS 并使用 $.getScript。我只希望我的主要 javascript 能够处理 ajax 加载的内容。

（这里是一个例子）

$('a').click(function(e){
  e.preventDefault();
  // Fun stuff
})

score 3 · Accepted Answer

使用将您的方法绑定.on()到最近的未被替换的父容器。例如：

$(function(){
    $('body').on('click', 'a', function(e){
      e.preventDefault();
      // Fun stuff
    })
});

score 0 · Accepted Answer

你能展示你的完整例子吗？通过 AJAX 加载您想要的内容后，您可以在将内容附加到 DOM 后通过 Javascript 控制内容。

例如：

success: function(data) {
    $('#newContent').hide().html(data)
    .find('a').click(function(e) {
        e.preventDefault();
    });
}

2 回答 2