Question

我的问题是，当页面加载时，会停止进度条（或加载栏），直到解析完所有数据（来自服务器）并呈现所有UI元素。我尝试以不同的方式放置代码的位置，初始化进度条，例如在pageshow（），pagecreate（），

中

$("#dataHome").on('pagecreate', function() {    

    $.mobile.showPageLoadingMsg(); // jQM loading bar widget
    ...
}

甚至$（窗口）.load（函数）{...}

<script type="text/javascript">
    $(window).load(function() {
        var html = "<img src='css/images/ajax-loader.gif' />";
        $('#loader').append(html);
    });
</script>

但是，这两种方式对我都不起作用。在渲染完所有UI元素后，加载条在开始旋转时没有移动。

在解析数据时以及加载所有元素之前，有没有办法让进度条先运行？

很抱歉没有提交我的代码..这太难看了，很难缩短它。

Answer 1

        var ajax_call = serviceURL;

        $.ajax({
           type: "GET",
           url: ajax_call,
           async: false,
           dataType: "json",
           beforeSend: function( xhr ) {
                $.mobile.loadingMessageTextVisible = true;
                $.mobile.showPageLoadingMsg("a", LOADING_MSG , false);
           },
           success: function(response){

            }
        }).done(function( data ) {
            $.mobile.hidePageLoadingMsg();            
        });

jQuery mobile - 进度条（加载栏）无法工作（停止），直到呈现所有元素

1 个答案: