jQuery 동위 원소 플러그인을 사용하여 너비와 높이를 설정하십시오.

Question

jQuery Isotope 플러그인을 사용하고 있는데 작동하고는 있지만 여백을 인식하지 못하는 것 같습니다.

필자는 Firebug에서 여백이 적용된 것을 볼 수 있지만 그 항목은 여백과 겹치고 있습니다 (왜냐하면 동위 원소는 절대 위치 지정을 사용하기 때문입니다).

masonry : { 
columnWidth : 172 
      } 

을하지만 작업 높이 (나는 벽돌로 rowHeight를 시도하고 masonryHorizontal) 얻는 방법을 알아낼 수 :

나는 폭이 다음을 사용하여 간단하게 작업했다.

동위 원소에 사용할 너비와 높이를 어떻게 표시합니까?

감사

Answer 1

에 한번이 코드를 사용 :

$(window).load() instead of $(document).ready() 

Answer 2

문제 (안 같은 경우) 내가 비슷한을 가진되었다; 내 물건 사이에 수직 간격이 없습니다. 바둑판 식 요소에 다음 CSS 속성을 포함시켜야합니다.

.element { 
    width: 110px; /*your columnWidth minus 10px */ 
    height: 110px; /*same as width, for a square grid system*/ 
    margin: 5px; /*5px here will result in 10px of vertical spacing between tiles*/ 
    float: left; 
    overflow: hidden; 
    position: relative; 
} 

희망이 있습니다.

Answer 3

이미지가로드되기 전에 Isotope가 문제를 일으키는 것일 수 있습니다. 다음 코드 사용 :

var $container = $('#container'); 

$container.imagesLoaded(function() { 
    $container.isotope({ 
    // options... 
    }); 
});