页面加载新内容

Question

我希望在将一些新数据加载到页面本身后再次运行我的代码。例如：

$(document).ready(function() {
    console.log("page completed"); 
} 

完全加载页面后，它将在控制台中打印page completed。有什么方法可以在新内容加载到页面时重新运行代码吗？

案例＃1：在Facebook新闻Feed中，当用户向下滚动页面时，会运行JavaScript以检索新的Facebook Feed和更新。

案例＃2：在URL本身发生更改时重新运行脚本。

Answer 1

您可以使用像这样的普通功能替换您的匿名功能

function onDocumentReady() {
    // Your code
}

然后在$(document).ready(onDocumentReady)中使用它，稍后在需要时再次调用它。

Answer 2

除了@Bastiaanus回答有一个共同的功能，并假设您的新内容是通过jQuery的AJAX加载的，您可以使用{{3}配置一个全局处理程序，以便在每次加载某些内容时运行一些代码。 }。

如果您想处理更多此类事件，请参阅.ajaxSuccess()。