Question

这就是我想要做的，但我是一个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>');
            }
        }
     });
});

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>

因此，如果您点击home，它应该将页面加载到url“pagename.php？lvlone = home”到＆lt; li>你点击了。为了将第二个子列表添加到原始列表，“pagename.php？lvlone = home”应该输出另一个无序列表。有意义吗？

动态项目符号列表

1 个答案: