php - 等待所有 DOM 操作用 jQuery 完成？

Question

我对如何完成某事有点进退两难。我正在使用名为 isotope 的插件编写具有砖石布局的投资组合。它基本上是 pinterest 风格的布局。我还将拥有过滤器，这些过滤器会自动从数据库中获取正确的内容并使用 mustache 模板将其插入。现在我遇到的问题是如何在运行同位素中继输出功能之前等待所有 dom 插入完成。因为如果我运行得太快，元素将无法正确定位。我不想执行 setTimeout() 函数，因为我不确定数据库请求需要多长时间，我不想让用户等待太久。

有什么建议吗？

Answer 1

可以在insert函数的回调中调用relayOut方法

$('#container').isotope( 'insert', /*items*/ ,function(){
  $('#container').isotope( 'reLayout', callback );
} );

或者你可以将所有方法作为链给出

$('#container').isotope( 'insert', /*items*/).isotope( 'reLayout', callback );

如果您使用 ajax 调用您的内容，您可以在 jquery ajax 成功回调的最后一行调用 relayOut。因此，每个 DOM 操作都在您调用 relayOut 方法之前完成。

引用http://isotope.metafizzy.co/docs/methods.html用于同位素插件的回调和链接方法。对于 jquery ajax 遍历 http://api.jquery.com/jQuery.ajax/