Question

这是我的主页：

<head>
    <script type="text/javascript">

    // Hide e2 and e3
    $(document).on('pagechange', function(){
        $("#e2").hide();
        $("#e3").hide();
    }); 

// Ajax call to insert e1-e3
$(document).on('pageshow', function(){
    $("#course").bind("change", function() {
        $.ajax({
             type: "GET", 
             url: "includes/db/ajax.php",
             data: "course="+$("#course").val(),
             success: function(html) {
                $("#insert-es").html(html);
                $("#page").trigger('create');
            }
        });     
    });
}); 
    </script>
</head>
<body>
    <div data-role="page" id="insert-quests">
         <div id="insert-es"></div>
    </div>
</body>

Ajax.php将根据数据库表生成一个div列表，例如......

<div id="e1">...</div>
<div id="e2">...</div>
<div id="e3">...</div>

在通过jQuery和AJAX添加这些div之前，我可以使用下面的脚本隐藏2和3。（我需要这样做，因为只有当用户在1中选择某个响应时才会显示2和3。）

$(document).on('pageinit', function(){
    $("#2").hide();
    $("#3").hide();
});

所以我有两个问题：

我尝试过pagechange和其他一些事件，但没有结果。在使用AJAX后，如何在内容上使用jQuery mobile？

div的数量与数据库表中的条目数量有关。如何获得条目数量，以便我可以在那里使用循环？例如......

for ( var i = 0; i < amount_of_entries ; i++ ) {
    $("#e" + i).hide();
}

使用jQuery Mobile定位动态添加的内容

0 个答案: