为什么砖石结构在这个例子中不起作用

Why is masonry not working in this example?

本文关键字：不起作用 石结构 结构 为什么      更新时间：2023-09-26

http://codepen.io/donnaloia/pen/aderB

Masonry似乎并没有在网格布局中组织div。我做错了什么？

$(document).ready(function() {
  $('.container').masonry({
   itemSelector: '.grid_4',
   isFitWidth: true,
   gutter: 8
  }).imagesLoaded(function() {
   $('.container').masonry('reloadItems');
  });
new AnimOnScroll( document.getElementById( '#grid_4' ), {
        minDuration : 0.4,
        maxDuration : 0.7,
        viewportFactor : 0.2
      } );
});

由于链接不正确，您没有加载masonry.js和imagesladed.js。

这是一个代码笔的工作示例带有一些更新的代码

 $(document).ready(function() {
  $('.container').imagesLoaded(function() {
  $('.container').masonry({
   itemSelector: '.grid_4',
   isFitWidth: true,
   gutter: 8
  });
  });
new AnimOnScroll( document.getElementById( '#grid_4' ), {
        minDuration : 0.4,
        maxDuration : 0.7,
        viewportFactor : 0.2
      } );
});

此外，您的AnimOnScroll使用了grid4的id，但我只能看到grid4的类。

相关文章：