我是网络编程的新手,并不完全确定我的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
非常感谢任何提示或想法,谢谢!
编辑:我真的在问这个“砌砖”和“砖石”类是否应该应用于受砌体插件影响的元素,以防问题不完全清楚。
答案 0 :(得分:1)
根据Desandro的说法“Masonry v3不再将这些类添加到元素中。”关闭它。