如何在jquery完成执行之前获取“加载”小部件

Question

我正在开发一个jQuery Mobile Web Page，在那里我从脸书页面导入相册和照片，并将它们显示给用户。

我的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调用的方法中的小部件，并将其隐藏在回调方法中。