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

Question

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

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

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

（这是一个例子）

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

Answer 1

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

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

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

Answer 2

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

例如：

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