砌体和砌砖类

时间:2013-07-28 21:57:53

标签: javascript web jquery-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>

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

<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

非常感谢任何提示或想法,谢谢!

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

1 个答案:

答案 0 :(得分:1)

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