Jquery 벽돌 레이아웃, 특정 열에 내용을 강제로 작성

내 레이아웃에 석조물을 사용하고 있습니다. 나는 240px와 500px 내용 박스를 위해 단지 2div 너비 만 사용하고있다. 제가하고 싶은 것은 레이아웃의 중간에 항상 500px 박스를 넣고 더 얇고 두껍고 얇은 레이아웃을 사용하는 것입니다. 내가 성취하고자하는 것을 보여주는 jpeg를 만들었습니다. Jquery 벽돌 레이아웃, 특정 열에 내용을 강제로 작성

enter image description here

나는 시도하고 그것을 알아 내기 위해 jquery.masonry.js 파일의 코드에 파고. 지금까지 달성 한 최선의 방법은 div의 X 위치를 조작하는 것입니다.하지만 그렇게하면 Y pos를 조정하지 않고 추가 div의 높이 계산을 중단합니다. 쿼리는 제 첫 번째 언어가 아니며 각 열의 Y 높이가 계산되는 방법을 파악하는 데 어려움을 겪고 있습니다. 누구든지이 일을하기 위해 벽돌을 파 냈는가?

 if($brick.width() === 240) { 
     //code here to make sure this div's x position is either 5 or 785 

    if($brick.width() > 260) { 
    //code here to make sure this divs x position is set at 265

하지만이 div의 위치를 변경 한 후 Y 볼때는 던져진하고 내용 추가 된 div를 통해 내가 루프로 Y의 pos가 꺼집니다 :

는 내가 달성 한 것은 이것이다.

당신은 여기에 원래 전체 벽돌 JS 볼 수 있습니다 https://github.com/desandro/masonry/blob/master/jquery.masonry.js

출처

2012-12-03 R M

질문은 조금 숨겨져 있습니다. 당신이하고 싶은 것을 설명하고, 지금까지 해왔 던 것을 설명하고, 대답 할 필요가있는 것으로 결론 지을 수 있습니다. –

어떻게하면 좋을지 모르겠다. 내가 원하는 것을 보여주는 jpeg를 만들었고, 벽돌 레이아웃 내에서 div의 x 위치를 조작 할 수 있었지만 그게 전부입니다. 그리고이 시점에서 나는 코드를 잘 이해하지 못하기 때문에 (github 링크에서 볼 수 있음) 특정 폭의 컨테이너를 특정 열 –

나의 제안은 3 개 벽돌 컨테이너를 생성하는 것입니다; 왼쪽, 중간, 오른쪽. 내가 벽돌을 왜 사용하는지 잘 모르겠지만이 단순한 레이아웃에서는 맨 위에 보인다. 나는 그것이 반응하는 사이트를 위해 더 쉬운 것을 추측한다. 그러나 아직도, 나는 당신이 CSS로 당신의 jpeg를 얻을 수 있었다고 생각한다.

출처

2013-02-27 00:52:50 user1425011

Jquery 벽돌 레이아웃, 특정 열에 내용을 강제로 작성

답변

관련 문제