javascript - ImagesLoaded with Masonry, Object #<Object> 没有方法 'imagesLoaded'

Question

出现此错误，尝试将 Masonry 与 imageLoaded 结合使用:

"Object # has no method 'imagesLoaded'"

必要脚本的链接在我的标题中:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><script src="/js/masonry.pkgd.min.js" type="text/javascript"></script>
<script src="/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>

下面是代码在我的页脚中的样子:

$(document).ready(function() {
    $('#archive-post-container').imagesLoaded(function() {
        $(this).masonry({
            itemSelector : '.post',
            columnWidth:344
        });
    });
});

编辑/附录: 将 ImagesLoaded 和 Masonry 的脚本标记放在我需要它们的页面的实际 .php 文件中，而不是放在 header.php 中，反而让我收到此错误，来自 ImagesLoaded: 未捕获的类型错误:未定义不是函数

不确定为什么将标签从标题下方移动到标题下方会改变这一点，但至少现在我正在使用 imagesLoaded？

Answer 1

请注意，根据

，ImagesLoaded 不再包含在最新的 Masonry 发行版中

http://masonry.desandro.com/appendix.html#upgrading-from-v2

你可以直接在这里获取:

http://desandro.github.io/imagesloaded/