정렬되지 않은 목록 닫기

Question

웹 사이트에서 기본 탐색을 정렬되지 않은 목록으로 표시하려고합니다. 3 개 항목 후 그 목록을 해지하고 새로 원하는, 그래서 결국이 같은 같습니다

<div id="navigation"> 
    <ul> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
    </ul> 
    <ul> 
     <li>4</li> 
     <li>5</li> 
     <li>6</li> 
    </ul> 
</div> 

탐색이 dynmically jQuery를 + Ajax를 사용하여 생성됩니다. 이것은 내가 좋아하는 외모를 사용하고 어떤 코드입니다 :

$.getJSON("load.php", 
{ 
    some: value 
}, 
function(data) 
{   
    $.each(data.items, function(i, item) 
    { 
     $('#navigation').find('ul').append('<li>' + i + '</li>'); 

     if(i % 3 == 0) 
     { 
      $('#navigation').find('ul').append('</ul><ul>'); 
     } 
    }); 
}); 

불행하게도, 브라우저가이 권리를 해석하지 않습니다 첫 번째 UL의 중첩 된 개체로 마감 UL 태그를 처리합니다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

하나의 해결책은 첫 번째 (검증되지 않은) 문자열의 전체 HTML을 구성 할 수 있습니다 :

$.getJSON("load.php", 
{ 
    some: value 
}, 
function(data) 
{   
    var str="<ul>"; 
    $.each(data.items, function(i, item) 
    { 
     str+='<li>' + i + '</li>'; 

     if(i % 3 == 0) 
     { 
      str+='</ul><ul>'; 
     } 
    }); 
    str+="</ul>"; 
    $('#navigation').html(str); 
}); 

Answer 2

이 시도 :

또한

$.getJSON("load.php", 
{ 
    some: value 
}, 
function(data) 
{ 
    var curr = $('#navigation').find('ul'); 

    $.each(data.items, function(i, item) 
    { 
     curr.append('<li>' + i + '</li>'); 

     if(i % 3 == 0) 
     { 
      curr = curr.after('<ul>'); 
     } 
    }); 
}); 

그것은 "캐시"더 빠른 속도의 현재 UL.