나는 웹 프로그래밍에 익숙하지 않고 내 벽돌 코드가하는 일을 잘 모르고있다 ... 내가 컨테이너에있는 각 요소는 벽돌을 적용하려고한다. 그러나 벽돌 벽돌 클래스는 컨테이너 내의 자식 요소에 적용되지 않습니다. 아래를 참조벽돌과 벽돌 벽돌 클래스
내 자바 스크립트에게 :
$(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
});
});
});
샘플 자식 요소 (주 벽돌을 통해 적용 할 것으로 보인다 위치를,) :
<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.
팁이나 아이디어를 주시면 감사하겠습니다.
편집 : "벽돌 벽돌"및 "벽돌"클래스가 벽돌 벽 플러그인의 영향을받는 요소에 적용될 것인지 묻습니다. 질문이 완전히 명확하지 않은 경우를 대비해서.