如何获取“加载”小部件，直到jquery完成执行

Question

我正在开发jQuery Mobile Web Page，我从Facebook页面导入相册和照片并将其显示给用户。

我的javascript需要4-5秒才能执行并导入我需要的所有相册。

我的javascript看起来像这样：

    var albumPhotos = new Array();
    var albumThumbnails = new Array();
    var x=0;
    var next;
    // start the entire process
    window.fbAsyncInit = function() {
        // init the FB JS SDK 
        FB.init({
            appId      : '564984346887426',                                                  // App ID from the app dashboard
            channelUrl : 'channel.html',                                                     // Channel file for x-domain comms
            status     : true,                                                               // Check Facebook Login status
            xfbml      : true                                                                // Look for social plugins on the page
        });

        FB.api('169070991963/albums', checkForErrorFirst(getAlbums));

    }

如何获得一个jquery移动小部件，该小部件将在该函数执行后立即启动，并在函数完成时停止？

Answer 1

在触发Ajax调用的方法中开始显示小部件，并将其隐藏在回调方法中。