砌体图像重叠问题与rails 3 + turbolink + Mozilla

Question

我有一个新的和苗条的网站与砖石和轨道3和涡轮链接。

该网站在除mozilla firefox以外的所有浏览器上运行正常。

这些图像在mozilla firefox上是重叠的，但在其他浏览器上该网站运行良好。

在谷歌上chrome是正常工作与turbollinks。

我如何解决这个问题与mozilla firefox?

Answer 1

谢谢你，几个小时后，我能够用一个新的砖石代码解决问题，因为有$('#page').masonry('reload');

I get on console:

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