1

これは私がやろうとしていることですが、私はjqueryの新人です。

levelone.phpページが読み込まれると、次のようなものを出力BEACH{!}OFFICE{!}HOME{!} して最初の箇条書きレベルを作成するjquery 呼び出しが あります。

箇条書きをクリックすると 、次の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>');
            }
        }
     });
});
4

1 に答える 1

0

ページのコンテンツを完全に置き換えることを検討していますか? それともページに追加するだけですか？ページを新しいリストに置き換えるだけなら、各項目にリンクを設定するだけです。そうでない場合は、次のように動作するはずです。

<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=home」のページが、クリックした < li > に読み込まれます。2 番目のサブリストを元のリストに追加するには、"pagename.php?lvlone=home" で別の順序付けされていないリストを出力する必要があります。わかる？

于 2013-02-07T20:40:03.633 に答える