jQuery mobile-进度条(加载条）在所有元素呈现之前不工作(已停止）

jQuery mobile - progress bar (loading bar) not working (stopped) until all elements are rendered

本文关键字：工作 mobile- 加载 jQuery 元素      更新时间：2023-09-26

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

$("#dataHome").on('pagecreate', function() {    
    $.mobile.showPageLoadingMsg(); // jQM loading bar widget
    ...
}

甚至$（window）.load（function）｛…｝

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

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

在解析数据时，在加载所有元素之前，有什么方法可以让进度条先工作吗？

很抱歉没有输入我的代码。。它太丑了，很难使它变短。

        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();            
        });
相关文章：