如何顯示加載消息，直到標籤內容完全加載AJAX？

Question

我使用jQuery UI 1.10和帶有AJAX功能的jQuery UI Tab小部件。我使用JavaScript代碼被表示爲樣以下的（基本簡單）：

$('.selector').tabs({ 
    beforeLoad: function (event, ui) { 
    ui.panel.html('Loading...'); 
    } 
}); 

當點擊一個標籤「報頭」，然後我想顯示一個加載消息（文本消息）在選項卡「body」中，直到標籤內容完全加載AJAX，之後加載消息應該用AJAX檢索到的數據替換。我怎麼能做到這一點？

Answer 1

它不工作？

$('.selector').tabs({ 
    beforeLoad: function (event, ui) { 
    //show msg 
    }, 
    load: function (event, ui) { 
    //hide msg 
    } 
}); 

Answer 2

你可以這樣做：

1. 定義功能「會加載通過AJAX的foreach選項卡中的數據。
2. 在show和create的選項卡回調中，您可以調用某個函數來管理要調用哪個AJAX函數來加載正確的內容。
3. 最後，在您的AJAX函數中，您首先更改您的html以顯示加載消息，然後在請求完成後您可以將其刪除。

這是相當長的，但它給你更多的控制你想做的事情。

我做

Answer 3

最好的事情是僅此於Ajax驅動的標籤...希望你會喜歡這個答案

$（ 「＃facilityTabContainer」）標籤（{panelTemplate： 「載入中...」 ，選中：0，可滾動：true，cache：false}）;

您甚至可以修改jquery.ui.tabs中的panelTemplate，以便您應用程序中的所有選項卡都會自動獲取「加載文本或圖像」。並猜測它也可以解決你的第一個標籤加載問題。