Question

我希望将Masonry Jquery集成到博客列表中的Squarespace网站上，并且相信已经正确设置了它，但它无法正常工作。

我正在处理的网站是：http://levelupreviews.squarespace.com/blog

我已将脚本文件上传到脚本文件夹中，并在结束正文标记之后插入了javascript。见这里：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="scripts/jquery.masonry.min.js"></script>
<script>
  $(function(){

    var $container = $('#container');

    $container.imagesLoaded( function(){
      $container.masonry({
        itemSelector : '.blog-list-container'
      });
    });

  });
</script>

我对Jquery不太熟悉，所以非常感谢任何正确方向的帮助。谢谢！

Answer 1

 itemSelector : '.blog-list-container'

这应该应用于项目，而不是容器。

所以改为：

itemSelector : '.blog-cards'

以防你使用不同的插件，这就是我所说的那个：

http://masonry.desandro.com/

Answer 2

似乎Jquery由于某种原因没有工作，但是一旦我将其更改为：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="scripts/jquery.masonry.min.js"></script>
<script>
  $(function(){

        var $container = $('.content');
    // initialize
    $container.masonry({
      columnWidth: 20,
      itemSelector: '.blog-cards'
    });

  });
</script>

哇噢！

砌体不能正常工作

2 个答案: