jQuery 동위 원소가 내 레이아웃에서 작동하지 않습니다.

Question

jquery 동위 원소 플러그인에 문제가 있습니다. 현재 레이아웃에서 작동하지 않습니다. 기본적으로 왼쪽에 세로 막대가 있고 오른쪽에는 묶음이 들어있는 컨테이너가 필요합니다. 동위 원소처럼 브라우저 크기에 따라 방향을 바꾸는 작은 상자 (동위 원소 요소)가 있습니다.

어떤 이유로 isotope는 내 레이아웃을 좋아하지 않습니다. 사이트를로드 할 때 오른쪽에 동위 원소 요소가 간략히 표시되지만, 폭이없는 #container은 그대로두고 빠르게 사라집니다.

이것은 플러그인을 처음 사용하는 경우입니다. 아주 기본적인 것을 놓치고 있는지 잘 모르겠지만, 다른 모든 HTML을 제거하고 #container 만 남겨두면 isotope는 예상대로 작동합니다.

나는 내 코드가 모두 fiddle입니다.

감사합니다.

Answer 1

저는 동위 원소가 수레와 잘 어울리지 않는다고 생각합니다. 대신 마진을 사용하여 동위 원소 컨테이너를 오른쪽으로 이동 한 다음 왼쪽으로 절대 위치를 지정할 수 있습니다.

예를 업데이트했습니다 : http://jsfiddle.net/Ftg8u/7/ 이 방법이 유용합니까?