0

我是网络编程新手，不完全确定我的 Masonry 代码在做什么......我在应用 Masonry 的容器中的每个元素都在移动（就像人们期望的那样）但是 masonry-brick 类未应用于容器内的子元素。见下文：

我的 JavaScript：

$( document ).ready(function($) {

  var colWid = Math.floor($('#article_display').width() *.25);
  console.log(colWid);
  var $article_display = $('#article_display');
  $('#article_display').imagesLoaded(function() {
    $article_display.masonry({
      columnWidth: colWid,
      itemSelector: '.article',
      isAnimated: !Modernizr.csstransitions
    });
  });
});

示例子元素（注意定位，似乎是通过 Masonry 应用的）：

<div class="article featured" style="position: absolute; left: 0px; top: 378px;"><img       src="http://placehold.it/292x468"></div>

这是我引用的容器（您可以再次看到一些样式更改，因为它没有我期望的“masonry”类）：

<div id="article_display" class="span12" style="position: relative; height: 943px;">

这是一篇相关文章，我基本上做了这个人所做的事情，但没有看到与他相同的结果，我认为自从他发布他的问题以来已经有一个新版本，所以解决方案已经改变。https://stackoverflow.com/questions/15972117/masonry-not-working-class-of-masonry-brick-is-not-being-applied。

任何提示或想法将不胜感激，谢谢！

编辑：我真的在问“masonry-brick”和“masonry”类是否应该应用于受 Masonry 插件影响的元素，以防问题不完全清楚。

4

1 回答 1

1

根据 Desandro 的说法，“Masonry v3 不再将这些类添加到元素中。” 关闭这个。

于 2013-07-29T17:07:13.730 回答