동적 인 글 머리표 목록

Question

이것은 내가하려는 일이지만 jquery 신인입니다.

내가 jQuery를 가지고 페이지로드 BEACH{!}OFFICE{!}HOME{!} 뭔가를 인쇄하고 내 첫 번째 글 머리 수준을 생성 levelone.php 호출합니다.

내가 같은 새로운 총알을 만들 것이다 leveltwo.php?lvlone=HOME를 호출하는 방법을 총알 클릭 : 같은 뭔가 새로운 총알을 만들 것입니다 새로운 총알 levelthree.php?lvlone=HOME&lvltwo=KITCHEN에 BED ROOM{!}KITCHEN{!} 등

동일 : TABLE{!}CHAIR{!} 등 지금까지

내 코드에 :

$(document).ready(function(){ 
    $.get("load_locations.php", function(my_var) { 
     var my_varspl = my_var.split('{!}'); 
     $('#myDiv').append("<ul id='newList'></ul>"); 
     for (var i = 0, e = my_varspl.length; i < e; i++) { 
      if(my_varspl[i]!=''){ 
       $("#newList").append('<li>'+my_varspl[i]+'</li>'); 
      } 
     } 
    }); 
}); 

Answer 1

페이지 내용을 완전히 대체 하시겠습니까? 아니면 페이지에 추가 하시겠습니까? 페이지를 새 목록으로 바꾸려면 모든 항목을 링크로 설정하기 만하면됩니다. 그렇지 않은 경우, 다음 작동합니다 : 당신이 집에 클릭하면

<ul> 
    <li id="home-wrap"><a href="" id="home" lvl="one">Home</a></li> 
    .... 
</ul> 
<script language = "javascript"> 
//When the document is ready 
$(document).ready(function() { 
    //and someone clicks a link 
    $("a").click(function(e) { 
     //keep the page from reloading 
     e.preventDefault(); 
     //get the id (in this case "home") of the clicked link 
     var id = $(this).attr('id'); 
     //get the level of the clicked link 
     var lvl = $(this).attr('lvl'); 
     //set the name of the space you want to use jQuery to load the new content in 
     var wrapper = id + "-wrap"; 
     //load the page you want (in this case, pagename.php?lvlone=home) in the list item wrapper. 
     $(wrapper).load("pagename.php?lvl" + lvl + "=" + id); 
    }); 
}); 
</script> 

그래서, 당신이 클릭하는 < 리>에 URL에서 "? pagename.php lvlone = 집"페이지를로드해야합니다. 두 번째 하위 목록을 원래 목록에 추가하려면 "pagename.php? lvlone = home"이 순서가 지정되지 않은 다른 목록을 출력해야합니다. 의미가 있습니까?