javascript - jQuery 砌体 : Images stacking until page resize

Question

这很可能是重复的，但我不知道 JQuery，只是复制/粘贴代码才能达到这一点。在调整页面大小之前，我不明白为什么我的图像会堆叠起来。这是我的代码:

$ ->
  $('things').imagesLoaded ->
    $('#things').masonry
      itemSelector: '.box'
      isFitWidth: true

Answer 1

这不仅是 jQuery，而且是 jQuery + coffeescript .

这里是您的代码在 javascript 中的“翻译”(使用 jQuery 框架):

$(function() {
  $('things').imagesLoaded(function() {
    $('#things').masonry({
      itemSelector: '.box',
      isFitWidth: true
    });
  });
});

在coffescript中->表示function(用于匿名函数)。