Question

Web noobie在这里。我在使用我正在建造的网站正常工作时遇到问题。这是我正在尝试执行的代码：

$( 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
          });
        });
...
});

我收到此错误：“未捕获TypeError：对象[object Object]没有方法'imagesLoaded'。”过去两天我一直在寻找某种解决方案在此之前发布此问题并且到目前为止一直未成功。好像我的浏览器没有意识到我已经包含了imagesloaded.pkgd.min.js文件......？根据这里的参考资料：http://masonry.desandro.com/appendix.html此代码应该有效。

任何帮助都会非常感激，如果能有所作为，我可以尝试设置一个jsfiddle。

谢谢！

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

Answer 1

想出来。我在加载脚本时遇到了错误，它看起来像这样：

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

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

Answer 2

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

http://salvattore.com/

砌体，jQuery和imagesLoaded的问题

2 个答案: