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

How to make AJAX loaded content affected by parent page?

本文关键字：影响 何使 AJAX 加载      更新时间：2023-09-26

这个问题困扰了我一段时间。如果我通过 AJAX 加载一些东西，我必须将 javascript 放在 AJAX 加载文件中（或调用外部 JS）。

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

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

（下面是一个示例）

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

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

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

请参阅：http://api.jquery.com/on/

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

例如：

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