如何獲得一個「加載」部件，直到jQuery完成執行

我正在開發一個jQuery Mobile Web Page，我從Facebook頁面導入相冊和照片並將它們展示給用戶。如何獲得一個「加載」部件，直到jQuery完成執行

它需要4-5秒爲我的JavaScript來執行和導入我需要的所有專輯。

我的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移動widget作爲執行該功能，將盡快啓動和停止功能完成時？

來源

2013-07-04 Johny Jaz

使用'$ .mobile.loading（'show/hide'）'勾選這個http://jsfiddle.net/Palestinian/d39FX/ – Omar

非常感謝Omar確實有所幫助。我可以在調用API之前顯示加載小部件。但是，如何檢查異步調用何時完成，以便隱藏小部件？這裏是對API的調用：https://developers.facebook.com/docs/reference/javascript/你有什麼想法在這裏回調方法嗎？ –

歡迎！我無法在那裏找到回調。你可能需要搜索類似的問題。 – Omar

在啓動Ajax調用的方法中開始顯示小部件並將其隱藏在回調方法中。

來源

2013-07-04 11:14:58

這就是我從文檔中讀取的，但可悲的是沒有一個我能理解的編碼示例。你能舉一個簡單的例子嗎？ –

使用zindex +1創建div，最初隱藏它（通過將display設置爲none）。現在，在調用FB.api之前，將顯示更改爲空白（''），它將顯示div。在你的checkForErrorFirst（）方法中，將顯示改回'none'。 –

@downvoter拒絕投票的原因？ –

如何獲得一個「加載」部件，直到jQuery完成執行

回答

相關問題