2013-10-16 3 views
-1

나는 내 웹 페이지 중 하나에 벽돌을 사용하고 있습니다. 벽돌 - 물건을 뒤섞는 방법

은 (jQuery를, 타이프하고 ImagesLoaded 플러그인을 사용하여) JS이다 :이 좋은 작동

$(function(){ 
    // or with jQuery 
    var $container; 

    function triggerMasonry() { 
     // don't proceed if $container has not been selected 
     if (!$container) { 
     return; 
     } 
     // init Masonry 
     $container.imagesLoaded(function() { 
      $container.masonry({ 
       itemSelector : '.item', 
       stamp: '.stamp', 
       gutter:20 
      }); 
     }); 
    } 
    // trigger masonry on document ready 
    $(function(){ 
     $container = $('#container'); 
     triggerMasonry(); 
    }); 
    // trigger masonry when fonts have loaded 
    Typekit.load({ 
     active: triggerMasonry, 
     inactive: triggerMasonry 
    }); 
}); 

.
하지만 이제는 렌더링하고 내 벽돌을 표시하기 전에 항목을 섞어 야합니다. 어떻게 든 가능합니까?
나는 동위 원소를 사용하려고 노력했지만 포장재를 보았지만 둘 다 내 웹 사이트에서 제대로 작동하지 않았습니다.

도움 주셔서 감사합니다.

+0

페이지 (3-4 개 항목)에 스탬프 항목이 두 개 이상 있기 때문에 Isotope가 작동하지 않았습니다. – Marek123

답변

0

은 렌더링하기 전에 항목을 섞고

이 항목이 그들에게 할당 된 자바 스크립트 이벤트 리스너가 있습니까 표시됩니다. 합니다 ('컨테이너'에만 마크 업없이 스크립트 종속성이 포함 된 경우 의미)없는 경우, 내가 제안 :

  1. HTML 문자열로 각각의 벽돌 항목의 마크 업을 저장하는 배열을 생성.
  2. 는 '컨테이너'

확인하는 원액으로 배열

  • 배열 콘텐츠를 덤프 셔플. 그러나 이것이 일을 끝내기를 바랍니다.

  • 관련 문제