1

我正在编写一个显示图像的单页 javascript 应用程序，一个 la pinspire。我使用的库是 jQuery(1.7.2) 和最新版本的同位素。

我正在尝试在应用程序中实现无限滚动。当您滚动到页面底部时，ajax 与服务器对话并以 JSON 格式返回一个对象数组。此 JSON 用于构建多个 div，其中包含有关每个图像和图像本身的一些信息。

我将创建的每个 div 附加到启用同位素的容器中。在我的 ajax 调用的完整部分中，我调用 isotope("reLayout")。这工作得很好。

我的问题是添加十几个 div 会导致项目“颤动”，然后我希望将项目放在最后。我尝试了 addItems、插入、附加和不使用 to isotope("reLayout") 的各种排列，但无济于事。

如何添加包含带有 ajax 的图像的项目而不让它们重叠或飘动？

问候，尼克

4

1 回答 1

6

我不知道这是否有帮助，但这是我所做的摘录：

var tmp = $();

// adding a jQuery-wrapped element to the tmp object
tmp = tmp.add( $( buildTemplate() ) );

$('#container').append(tmp);

tmp.imagesLoaded(function() {
    $('#container').isotope('appended', tmp);
});

我的关键是等待图像加载，否则 reLayout 没有做任何事情。

于 2012-08-28T19:27:28.107 回答