在页面本身完成加载后更改从按钮加载的元素

Question

我意识到标题有点不清楚，所以我会尽可能详细说明。基本上，有一个用户访问的网页。在页面完成其初始加载之后，用户然后可以单击页面上的按钮，该按钮将新内容加载到页面中。像<div class="expanded" style>这样的东西 - 基本上是一堆文字，也许还有一些链接。

我基本上需要改变这个新加载区域的内容。现在，我正在运行类似的东西：

$('div.expand-button').click(function(){ //When the button to load new content is clicked...

然后在此时关闭我的document.querySelectorAll功能。但是，如果我执行此操作，则在函数运行时新内容未完成加载，因此，没有任何反应。延迟我的功能的最佳方法是什么，只有在加载新的内容区域后才会运行？

Answer 1

我最近遇到了类似的问题，我发现的最简单的解决方案（尽管可能不是最好的）是使用setTimeOut。所以你的代码看起来像是：

$('div.expand-button').click(function(){ 
YourLoadNewAreaFunction();
setTimeout(function() {
            //do stuff you needed the page completely loaded to do
        }, 1000);
}

1000当然是我选择的任意毫秒数，您可以选择您认为完全加载新区域所需的任何时间。假设您的新内容在一秒钟内加载，则上述内容应该有效。

从我在网上看到的，你也可以尝试调查回调。