Uncaught TypeError: $container.imagesLoaded is not a function
пытаюсь подключить масонри делаю по урокам все правильно пути прописаны но консоль выдает ошибку. Непойму почему
js
<script type="text/javascript" src="/assets/templates/site/adaptiv/libs/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="/assets/templates/site/adaptiv/libs/imagefill/jquery-imagefill.js"></script>
<script type="text/javascript" src="/assets/templates/site/adaptiv/libs/masonry/masonry.pkgd.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $container = $(".masonry-container");
$container.imagesLoaded(function () {
$container.masonry({
columnWidth: ".item",
itemSelector: ".item"
});
});
});
</script>
HTML
<div id="container" class="masonry-container">
<div class="item">
<img src="/assets/galleries/102/11.jpg" alt="">
</div>
<div class="item">
<img src="/assets/galleries/102/1.jpg" alt="">
</div>
</div>