動態項目符號列表

這就是我想要做的，但我是一個jquery菜鳥。動態項目符號列表

頁面加載時我有jQuery的調用 levelone.php其打印出類似這樣BEACH{!}OFFICE{!}HOME{!} 並創建我的第一發子彈的水平。

當子彈我怎麼能叫 leveltwo.php?lvlone=HOME這將創造新的槍彈像點擊：BED ROOM{!}KITCHEN{!}等

相同的新子彈 levelthree.php?lvlone=HOME&lvltwo=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>'); 
      } 
     } 
    }); 
});

來源

2013-02-07 David

到目前爲止，我們能否看到您的代碼？ – showdev

對不起，我還沒有弄清楚如何在這裏$（document）.ready（function（）{} {$}分裂（ '{！}'）; \t $（ '＃myDiv'）附加（「

」）;。 \t \t爲（VAR I = 0，E = my_varspl.length;我'+ my_varspl [I] +''）; \t \t} \t \t} \t}）; }）; – David

您是否想完全替換頁面內容？或者只是將它們添加到頁面中？如果您只想用新列表替換頁面，只需將每個項目設置爲鏈接即可。如果不是，下面應該工作：

<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>

所以，如果你點擊的家，它應該在網址「？pagename.php lvlone =家」加載頁面的< LI>你點擊。爲了將第二個子列表添加到原始列表中，「pagename.php？lvlone = home」應該輸出另一個無序列表。有意義嗎？

來源

2013-02-07 20:40:03

不幸的是，沒有。我試圖建立我的列表，而不是取代內容...我試圖實現上面的代碼，但不太確定 – David

我已經擴展了一些評論。也許這有幫助？ –

添加到我的原始代碼或替換它嗎？另外，點擊是否可以在子彈上？所以我可以使用鏈接在另一個框架中打開頁面 – David

動態項目符號列表

回答

相關問題