2011-07-05 7 views
2

처음 포스터를 사용했지만 사이트를 꽤 오래 사용했습니다. 그러나이 경우 나는 실제로 요구해야만합니다.JQuery 벽돌 - 수직으로 움직일 div를 잠급니다

JS는 내 강점이 아니므로 함께하시기 바랍니다. 대시 보드 항목이있는 웹 기반 응용 프로그램이 있습니다. 이것들은 본질적으로 해당 사용자를 위해 특정 컨텐츠 (예 : 휴일, 경고, 메시지 등)가있는 div입니다. 저는 벽돌을 자연스럽게 떠 다니는 공백을 없애기 위해 구현했습니다 (왼쪽과 오른쪽 열 없음).

대시 보드 항목 중 일부가 더 많은 데이터를 표시하도록 확장되어 있습니다 (현재 AJAX에서 처리 중입니다). Masonry는 컨테이너와 다른 요소의 높이를 고정하기 때문에 공간을 많이 차지하는 대신 다른 요소 뒤에 배치되는 요소로 레이아웃을 나눕니다.

항목이 수직으로 만 움직일 수있는 방법이 있습니까, 아니면 특정 항목이 항상 오른쪽이나 왼쪽에 있어야한다고 석공 술을 알리는 수단이 있습니까?

안부

<!-- Masonry ---> 
<script type="text/javascript" src="js/jquery.masonry.min.js"></script> 
<script> 
    $(function(){ 

    $('#Dashboard').masonry({ 
     itemSelector: '.DashboardItem', 
     columnWidth : 480, 
     isResizable : true 
    }); 

    }); 
</script> 

답변

0

당신은 아마 벽돌이 위치를 조정할 수 있도록 항목의 크기를 조정 한 후 $('#Dashboard').masonry() 직접 전화를해야합니다. 일반적으로 브라우저 창 크기가 조정될 때만 수행됩니다.

관련 문제