5

我正在<li>通过页面加载几个元素.ajax()并将它们堆叠在一起。然后用户可以

问题出现在最后一个选项中：当展开项目时，元素会按原样到达网格中的指定位置，然后闪烁片刻回到原来的位置。

在此处观看视频：视频(Quicktime .mov)
在此处观看现场演示：现场演示

这个问题只发生在大约 50% 的时间里，而不是每次我传播物品时。例如，在上面的视频中，它只发生在我点击“传播”​​的第二次也是最后一次。我无法说出究竟是什么导致了这个错误的发生。该问题出现在 Mac 上的 Chrome 29.0.1547.57 中。Firefox 22 和 Safari 6.0.5 不受影响。我还没有尝试任何其他浏览器。

单击传播链接时，以这种方式调用 .masonry()：

    $('.content').masonry({
        columnWidth: 180,
        gutter: 20,
        itemSelector: 'li',
        isResizeBound: false,
        isLayoutInstant: false
    });

我感谢有关如何解决此问题的提示。

更新：我注意到这个问题也出现在使用 jquery.masonry 的其他网站上，例如插件的网站本身。在此处观看视频：视频。其他人是否有同样的问题，或者这是我的设置（OS X 10.7.5，Chrome 29.0.1547.57）？

4

2 回答 2

3

我遇到过同样的问题。这是由于grid-item' 样式上的 CSS 过渡引起的。删除特定 DOM 元素的 CSS3 过渡解决了我的问题。

于 2016-01-09T13:35:14.423 回答
0

我只是在寻找同样的问题时发现了这个。我开始怀疑这是我的显示器还是电缆。

我正在使用 Windows 8 和 Chrome 版本 30.0.1599.101 m

于 2013-10-17T01:01:30.783 回答