wookmark 수정 및 li 나란히 및 아래에

Question

내 프로젝트에 wookmark 플러그인을 사용하고 있는데 V 스크롤이 아래쪽에 도달하면 더 많은 항목을로드해야합니다. 플러그인 URL : 기능을

function applyLayout() { 
      $('#tiles').imagesLoaded(function() { 
      // Destroy the old handler 
      if ($handler.wookmarkInstance) { 
       $handler.wookmarkInstance.clear(); 
      } 
      $handler = $('#tiles li'); 
      $handler.wookmark(options); 
      }); 
} 

마지막으로 내 옵션 및 분류 :

function _scroll() { 
    var v = false; 
    $(document).scroll(function(e) { 
     var t = document.height - (window.pageYOffset + window.innerHeight); 
     if ((t <= 20) && (!v)) { 
      v = true; 
      $.ajax({ type:"POST", 
      data: {type:$("#type").val(),id:$("#pid").val(),lid:$("#lid").val()}, 
      async:true, 
      cache:false, 
      url:"fetchMore.php?v=18", 
      success: function(d) { 
       var t = d.split('{@}'); 
       if (parseInt($("#lid").val()) != t[1]) { 
        $("#tiles").append(t[0]); 
        $("#lid").val(t[1]); 
        applyLayout(); 
       } 
       v = false; 
      } }); 
     } 
    }); 
} 

과 applylayout 기능 : 내가 사용 http://www.wookmark.com/jquery-plugin 스크롤 기능은

function comparatorId(a, b) { 
      return $(a).attr("id") > $(b).attr("id") ? -1 : 1; 
     } 
function _Animate() { 
    $('#tiles').imagesLoaded(function() { 
      options = { 
      autoResize: true, 
      container: $('#main'), 
      offset: 2, 
      itemWidth: 210, 
      comparator: comparatorId, 
      direction: 'right', 
      fillEmptySpace: false 
     }; 
     $handler = $('#tiles li'); 
     $handler.wookmark(options); 
     }); 
} 

문제는 : 내가 더 많은 항목을로드하려고 할 때, 비교 항목이없는 것처럼 항목을 무작위로 다시 정렬합니다. 기능 .. 거기에 어떤 해결책이 있습니까? 이 레이아웃과 같은 ul li 태그를 어떻게 만들 수 있습니까? 나는 그들을 나란히 놓을 수는 있지만 서로 나란히 놓여지기를 바란다.

Answer 1

나는 문제를 해결했다. 리에 대해 data-id = "{ID}"태그를 붙이는 것만으로 모든 수업을 삭제합니다.