Jquerymobile加载微调器页面加载前的对话框

时间:2014-03-19 05:07:49

标签: javascript jquery jquery-mobile

在我的应用程序中,我从第一页发送数据到服务器有3页,这里我想显示一个加载对话框,直到发送操作(发布到服务器)完成,然后转到第二页。在下面做,但它不起作用

<script type="text/javascript">
$(document).on('pageshow', '#Page2' ,function () {
  setTimeout(function () {
   $.mobile.changePage('#dialog');
  }, 100); // delay above zero
});
</script>

Try2

<script>  
    $(document).on("pagecreate","#page", function () {
    $("#custom-li").on("click", function () {
   var orgname = $('input:text[id=name]').val();

    loadingStart();
    setTimeout(function () {
        loadingEnd();
        $.mobile.changePage('#page2');
    }, 3000);
    return false;
   });       
});
function loadingStart() {
    $.mobile.loading('show', {
        text: "loading",
        textVisible: true
    });
}
function loadingEnd() {
    $.mobile.loading("hide");
}
</script>

当我在浏览器和移动设备上运行时,该功能正在触发,但对话框中缺少微调器。

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

所以只有微调器丢失了吗?在这种情况下,也许你没有&#34; images / ajax-loader.gif&#34;在html文件目录。