jquery - PJAX/Masonry 在 Firefox 中失败

标签 jquery jquery-masonry pjax

在我的 WordPress 网站 ( http://goo.gl/J8qrSE ) 上,我使用 Masonry (masonry.desandro.com) 和 PJAX ( https://github.com/defunkt/jquery-pjax ) 进行转换。

在 Chrome 和 IE 中一切正常,但在 Firefox 中主页加载正常,您可以单击图库(再次,工作正常),但是当您单击 Logo 返回主页时,所有砌体图像都会堆叠起来像砖石一样相互叠加,没有正常运行。

奇怪的是,如果 Firebug 打开(停靠或在单独的窗口中),它可以完美运行,但如果 Firebug 关闭,它有时可以运行/有时不能运行。

我在任何地方都找不到任何杂散的 console.logs,但每次我打开 firebug 时它都可以工作,很难调试。

最佳答案

尝试加载脚本imagesloaded.js然后像这样调用masonry:

function domasonry() {
    var container = document.querySelector('#griddy');
    var msnry;

    imagesLoaded( container, function() {
      msnry = new Masonry( container, {
      itemSelector: '.item',
      columnWidth: '.item'
      });
    });
   };

关于jquery - PJAX/Masonry 在 Firefox 中失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33382318/

相关文章:

javascript - 如何根据日期字段对所有列进行排序

jQuery Masonry - AJAX 返回的数据在附加后未拾取砌体网格布局

javascript - Masonry 无法与 Modal 一起使用

ruby-on-rails - 如何在 Pjax 中关闭 "replace url"

php - 如何使用PJAX? (使用 PHP 的 PJAX?)

javascript - 如何从 JavaScript 上的 Rails 访问环境变量?

javascript - 仅缩放图像 JQuery 的点击部分

javascript - 在进行 pjax 调用时,如何调用在 $(document).ready() 上调用的 jquery?

jquery - 如何在 Flask 中使用 Ajax

javascript - 嵌套 Masonry 对象