jquery - Masonry 图像与 Rails 3 + Turbolinks + Mozilla 的重叠问题

Question

我有一个新的精简网站 masonry和 rails 3 和 turbolinks .

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

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

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

如何使用 mozilla firefox 解决此问题？

Answer 1

谢谢，几个小时后，我能够使用新的砌体代码解决问题，因为使用 $('#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