标签: jquery-mobile-loader

我有以下代码:

HTML:

<link rel="stylesheet" href="js/jquery.mobile-1.3.1.min.css"/>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>

JS:

$(document).on({
  ajaxStart: function() { 
    $.mobile.loading('show');
    console.log('getJSON starts...');
  },
  ajaxStop: function() {
    $.mobile.loading('hide');
    console.log('getJSON ends...');
  }    
});

我正在使用Jquery Mobile 1.3.1并在mozilla firefox和google chrome中测试此代码.我稍后会在一个phonegap应用程序中使用它.

我正在加载一个JSON并在列表视图中将其显示在屏幕上.加载时,我希望程序显示"加载微调器".控制台日志显示ajaxStart正在触发,但屏幕上的任何位置都没有可视化微调器.

我究竟做错了什么？请帮忙!

提前致谢.

我试图显示页面加载小部件,直到页面完全加载,之后它应该隐藏...并且每次我打击任何锚点传输到下一页时执行此过程..

支持我有三页......

<div data-role="page" id="home">....</div>
<div data-role="page" id="about">....</div>
<div data-role="page" id="contact">....</div>

我正在使用的脚本: -

$(document).on("pagecreate", function(event) { 
    //alert("Take It Show");
    $( ".ui-loader" ).loading( "hide" );
});

是否可以添加转换像data-transition="slide"任何锚或data-ajax="false"在其中使用... ??

我正在构建一个富含图像和交互元素的Web应用程序.出于这些原因,我只想在加载所有图像后显示页面:

$(document).on('pageinit', function(){
    $('.ui-content').hide();
    var imgs = $(".ui-content img").not(function() { return this.complete; });
    var count = imgs.length;
    if (count) {
        imgs.load(function() {
            count--;
            if (!count) {
                $(".ui-content").show()
            }
        });
    } else {
        $(".ui-content").show();
    }
});

我需要a)完全移除装载器并用我自己的装置替换它,或者b)使装载机保持运转直到上述功能完成.

如何卸下装载机或在不需要之前保留它？

我想在JQueryMobile页面中显示加载动画微调器,该页面加载了a/ajax off.

页面加载data-ajax="false"或rel="external"

我试着pagebeforecreate和pageshow事件,但它不工作如我所料:

$( '#page' ).live( 'pagebeforecreate',function(event){
    $.mobile.loading('show');
});

$( '#page' ).live( 'pageshow',function(event){
    $.mobile.loading('hide');
});