Javascript 砌体和砌体砖类

Javascript 砌体和砌体砖类,javascript,web,jquery-masonry,Javascript,Web,Jquery Masonry,我是网络编程新手,并不完全确定我的代码在做什么。。。我正在应用砌体的容器中的每个元素都会被移动(就像人们所期望的那样),但是砌体砖类不会应用于容器中的子元素。见下文: 我的JavaScript: $( document ).ready(function($) { var colWid = Math.floor($('#article_display').width() *.25); console.log(colWid); var $article_display = $('#ar

我是网络编程新手,并不完全确定我的代码在做什么。。。我正在应用砌体的容器中的每个元素都会被移动(就像人们所期望的那样),但是砌体砖类不会应用于容器中的子元素。见下文:

我的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
    });
  });
});
示例子元素(注意定位,这似乎是通过砌体应用的):


这就是我正在引用的容器(同样,您可以看到一些样式更改,因为它没有我所期望的“砌体”类):


这是一篇相关的文章,我基本上做了这个家伙做的事情,但没有看到他现在的结果,我认为自从他发表了他的问题后,有了一个新的版本,所以解决方案已经改变了

任何提示或想法都将不胜感激,谢谢

编辑:我真的在问“砖石”和“砖石”类是否应该应用于受砖石插件影响的元素,以防问题不完全清楚。

根据Desandro的说法,“砖石v3不再将这些类添加到元素中。”结束本文

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