jquery - 砖石图像重叠问题与Rails 3 + Turbolinks + Mozilla

我有一个新的苗条网站，其中包含masonry以及rails 3和turbolinks。

除mozilla firefox以外，该网站可与所有浏览器正常工作。

图片在mozilla firefox上重叠/叠加，但是在其他浏览器上，网站运行正常。

在Google chrome上，turbolinks可以正常工作。

如何使用Mozilla FireFox解决此问题？

最佳答案

谢谢，几个小时后，我能够使用新的砌体代码解决问题，因为使用$('#page').masonry('reload');

我进入控制台：

cannot call methods on masonry prior to initialization; attempted to call method 'reload'

因此，对我有用的最后一个是新的砌体代码，其中：

$(document).on('page:load', function(){
   $('#page').waitForImages(function(){
    finished: function() {
      var $container;
      $container = $("#page");
      $container.imagesLoaded(function() {
       return $container.masonry({
       .
       .
       //options here
       });
     });
   },
   waitForAll: true
 });
});

您可以在此处下载缩小的waitForImages插件：

https://raw.github.com/alexanderdickson/waitForImages/master/dist/jquery.waitforimages.min.js

这是waitForImages页面：

https://github.com/alexanderdickson/waitForImages