javascript - 石工imagesLoaded，$(...)。imagesLoaded不是函数

我已经研究过类似的问题，但仍然无法解决我的问题。
我在网站上有几张图片，希望以砖石风格订购。但是，有时它们会堆叠在一起，所以我尝试添加imagesLoaded函数，但出现错误：$（...）。imagesLoaded不是函数。

这是我在html代码中的链接脚本

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://npmcdn.com/[email protected]/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.1.5/masonry.pkgd.min.js"></script>
    <script type="text/javascript" src="mymasonry.js"></script>

这是我要显示的图像：

<div class="container">
        <div class="row centered mt mb">

            <div class="col-lg-4 col-md-4 col-sm-4 gallery post">
                <img src="images/a1.jpg" class="img-responsive">Size:  x <br> Title: </div>
                <div class="col-lg-4 col-md-4 col-sm-4 gallery post">
                <img src="images/a2.jpg" class="img-responsive">Size:  x <br> Title: </div>
                <div class="col-lg-4 col-md-4 col-sm-4 gallery post">
                <img src="images/a3.jpg" class="img-responsive">Size:  x <br> Title: </div>
                <div class="col-lg-4 col-md-4 col-sm-4 gallery post">
                <img src="images/a4.jpg" class="img-responsive">Size:  x <br> Title:</div>
                <div class="col-lg-4 col-md-4 col-sm-4 gallery post">
                <img src="images/a5.jpg" class="img-responsive">Size:  x <br> Title:</div>
            </div>

        </div>

这是我要使用的用于砌体和imagesLoaded的javascript代码。

$(document).ready(function(){

$('.container').imagesLoaded(function(){

$(function(){

    var m = new Masonry($('.centered').get()[0], {
        itemSelector: ".post"
    });

})
})
});

我究竟做错了什么？我正在链接imagesLoaded javascript。为什么会收到错误消息？

最佳答案

您缺少核心砌体库。另外，我建议将所有脚本移到end body标签的正上方。现在，您有一个旧版本的jquery和一个bootstrap.js脚本。我在下面重构了您的脚本依赖项。剪切并粘贴它们，并替换页面底部的两个脚本，然后从头删除这些脚本。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.1.1/masonry.pkgd.min.js"></script>
<script src="https://npmcdn.com/[email protected]/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="mymasonry.js"></script>

关于javascript - 石工imagesLoaded，$(...)。imagesLoaded不是函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40388715/