Javascript 未正确垂直堆放高度可变的物品

有人能解释一下我做错了什么，因为同位素插件的砖石布局对我来说不正常。为什么项目表现为一排，而不是堆叠砖石风格

JS

---

最重要的是，您的jsbin没有加载jQuery，您还添加了两次同位素.js，以及尝试添加fit-columns.js，但它不在脚本标记中

这就是你所拥有的：

<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
//npmcdn.com/isotope-fit-columns@1/fit-columns.js

//npmcdn.com/同位素-fit-columns@1/fit-columns.js

这是您需要的：

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
<script src="http://npmcdn.com/isotope-fit-columns@1/fit-columns.js"></script>

$(document).ready(function(){

  $('.grid').isotope({
    itemSelector: '.grid-item',

  });

});

<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
//npmcdn.com/isotope-fit-columns@1/fit-columns.js

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
<script src="http://npmcdn.com/isotope-fit-columns@1/fit-columns.js"></script>