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

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

甚至$（window.load（function）{…}

$（窗口）。加载（函数（）{
var html=“”；
$（'#loader'）.append（html）；
});

但是，这两种方法对我都不起作用。加载栏在呈现所有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();            
        });

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

        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();            
        });