Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 加载页面之前,Jquerymobile加载微调器对话框_Javascript_Jquery_Jquery Mobile - Fatal编程技术网

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

Javascript 加载页面之前,Jquerymobile加载微调器对话框,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,在我的应用程序中,从我向服务器发送数据的第一个页面开始,我有3个页面,在这里我想显示一个加载对话框,直到发送操作(向服务器发送)完成,然后转到第二页。在下面做一个测试,但不起作用 <script type="text/javascript"> $(document).on('pageshow', '#Page2' ,function () { setTimeout(function () { $.mobile.changePage('#dialog'); }, 100)

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

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

$(文档).on('pageshow','#Page2',函数(){
setTimeout(函数(){
$.mobile.changePage(“#对话框”);
},100);//延迟大于零
});
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>

$(文档)。在(“页面创建”,“页面”,函数(){
$(#自定义li”)。在(“单击”上,函数(){
var orgname=$('input:text[id=name]')。val();
loadingStart();
setTimeout(函数(){
loadingEnd();
$.mobile.changePage(“#page2”);
}, 3000);
返回false;
});       
});
函数加载开始(){
$.mobile.loading('show'{
文本:“加载”,
textVisible:true
});
}
函数loadingEnd(){
$.mobile.load(“隐藏”);
}
该函数正在启动,但在浏览器和移动设备中运行时,对话框中缺少微调器


非常感谢您的帮助。

那么是否只缺少一个微调器?在这种情况下,可能您的html文件目录中没有“images/ajax loader.gif”。

如果您有新问题,请单击按钮询问。如果这个问题有助于提供上下文,请包含一个指向该问题的链接。@Hüseyin BABAL,我没有新问题-我试图了解teekib遇到了哪类问题,并且我提出了如何解决其中一个可能的问题的建议。然后,这必须是一个评论性的答案。最好把这写在问题的评论部分。当你完全理解这个案例时,你可以发布为answer@Regent我的图片中有ajax-loader.pngfolder@teekib我刚刚将您的Try2代码插入到我当前的项目中,效果很好。我拥有的:assets/www/css/jquery.mobile-1.3.2.min.css;assets/www/js/lib/jquery-1.10.2.min.js;assets/www/js/lib/jquery.mobile-1.3.2.min.js;assets/www/js/OnLoad.js(