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

Question

在我的应用程序中，从首页发送数据到服务器有3页，在这里我想显示一个“加载”对话框，直到发送操作（发送到服务器）完成，然后转到第二页。 做一个下面，但不能正常工作

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

尝试2

<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>

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

任何帮助表示赞赏。

Answer 1

那么，只有微调框丢失了吗？ 在这种情况下，也许您在html文件目录中没有“ images / ajax-loader.gif”。