masonry 플러그인을 사용할때 div 애들을 따로따로 자리잡아주지 않아도 된다는 편리함이 있다. 근데 div 에 주어진 속성에 모자람이 있다거나 그럴때 위아래 있는 애들끼리 붙는현상이 속썩일때가 있다. 화면창 줄이거나 늘리면 다시 제자리로 돌아오고.
화면창 줄이거나 늘리면 다시 제자리를 찾으니 이걸이용해서 로드될떄 한번 더 로드하면 해결이 된다.
예를들어.
jQuery(document).ready(function($){
var $container = $(‘#hjPortfolio’);
$container.masonry({
itemSelector: ‘.hjPortfolio’
});
얘네들만 있으면 클래스 이름이 hjPortfolio 인 애들이 위아래가 붙는데.(여러속성값이 모자를때)
jQuery(document).ready(function($){
var $container = $(‘#hjPortfolio’);
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: ‘.hjPortfolio’
});
});
저 빨간애를 추가해주면 된다.
처음에 붙어있던애들이 화면줄이거나 늘려서 masonry가 적용되 자리를 되찾는걸 이용한거다.
알겄냐?
네.