0

网络菜鸟在这里。我在让 Masonry 与我正在构建的网站正常工作时遇到问题。这是我要执行的代码:

$( document ).ready(function() {
...
var $article_display = $('#article_display');
        $article_display.imagesLoaded(function() {
          $article_display.masonry({
            columnWidth: Math.floor($('#article_display').width() *.3) + 2,
            itemSelector: '.article',
            isAnimated: !Modernizr.csstransitions
          });
        });
...
});

我收到了这个错误:“ Uncaught TypeError: Object [object Object] has no method 'imagesLoaded'。 ”过去两天我一直在环顾四周寻找某种解决方案,然后在这里发布这个问题并且一直到目前为止不成功。我的浏览器似乎没有识别出我已经包含了 imagesloaded.pkgd.min.js 文件......?根据此处的参考资料:http: //masonry.desandro.com/appendix.html此代码应该可以工作。

任何帮助将不胜感激,如果这会有所作为,我可以尝试设置一个 jsfiddle。

谢谢!

编辑:这是一个显示问题的 JSFiddle:http: //jsfiddle.net/DDQtD/

4

2 回答 2

0

弄清楚了。我在加载脚本时有一个错字,它看起来像这样:

<script type="filepath/imagesloaded.pkgd.min.js"></script>

我需要用src切换类型。这么多简单的错误!

于 2013-07-28T22:00:02.217 回答
0

我会尝试 Salvattore,它以不同的方式工作,因此在加载脚本之前不必加载图像,并且您可以使用 CSS 和 HTML 配置脚本。

http://salvattore.com/

于 2013-08-05T18:20:27.573 回答