0

这是我的主页：

<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();
}
4

0 回答 0