2012-06-15 3 views
0

벽돌 시연을 this page에 설정했습니다.벽돌이 적재되어 있지만 작동하지 않습니다.

플러그인이 오류없이로드됩니다. 열 너비를 정의했지만 여전히 작동하지 않습니다.

몇 시간 동안 찾았지만 잘못된 것이 없습니다. 문제가 무엇인지 보시겠습니까?

+0

jQuery를 두 번로드하고 있습니다. 'google.load ("jquery", "1.7.1");'및''. 'itemSelector : '.box',',하지만 당신의 원소는'.box2' 클래스입니다. 너 몇 시간 봤어? :) – thirtydot

+0

@thirtydot 오. .box2 것은 내가 테스트 중이었기 때문에 발생했지만,이 문제도 해결되지 않았습니다. 그리고 워드 프레스에 기반을 둔다. jquery가 두 번로드된다하더라도 (나는 여분의 것을 제거하려고한다.), 모든 jquery가 호출된다. 나도 콘솔 할거야. 로그 ...? –

+0

jQuery Masonry가 이제 귀하의 페이지에서 작업 중입니다. 이미지를 더 좁게 만들거나 이미지의 컨테이너를 넓게 만들면 볼 수 있습니다. :/ – thirtydot

답변

6

여기에 문서에 따라 : masonry docs, 당신의 CSS itemSelector 클래스는 너비를 지정하고 왼쪽으로 떠 있어야합니다. 당신은 정의 된 플로트가 있지만 너비 규칙을 볼 수 없습니다. 또한 itemSelector 내의 앵커 태그에 이미지가 있기 때문에 너비가 itemSelector 너비와 동일한 지 확인하는 것이 좋습니다.

0

마크 업을 기준으로하면, 석조물 옵션에 "box2"클래스를 지정해야합니다. 이므로 시도해야합니다 :

$container.masonry({ 
    itemSelector : '.box2', 
    columnWidth: 125 
}); 

시도해보고 성공했는지 확인하십시오.

+0

사실, 나는 시험을하고 있었는데, 미안하지만, 지금은 고쳐졌지만 여전히 효과가 없습니다. 내 console.log가 튀어 나오므로 진행 중입니다. –

+0

문서에 따라 : [masonry docs] (http://masonry.desandro.com/docs/intro.html), CSS itemSelector 클래스는 너비를 지정하고 왼쪽으로 떠 있어야합니다. 당신은 정의 된 플로트가 있지만 너비 규칙을 볼 수 없습니다. 또한 itemSelector 내의 앵커 태그에 이미지가 있기 때문에 너비가 itemSelector 너비와 동일한 지 확인하는 것이 좋습니다. – chrisvillanueva

+0

좋습니다. 하지만 이제는 왜 2 열에 머물러 컨테이너 폭을 차지하지 않습니까? –

관련 문제