添加加載微調到JQuery UI選項卡身體

是否有一種簡單的方法來顯示加載微調器在jQuery UI標籤正文加載時，通過AJAX？添加加載微調到JQuery UI選項卡身體

本質上我正在尋找類似微調選項的東西，但在標籤正文中顯示圖形和加載消息而不是標籤標題。

2011-07-01 Jon Eastwood

看到一堆微調圖像看看[這個問題]（http://stackoverflow.com/questions/68485/how-to-show-loading-spinner-in-jquery） –

問題在於它只允許您顯示或隱藏現有元素。我的選項卡沒有一個主體，直到ajax加載它。所以我需要做的是告訴jquery創建一個包含微調框體的選項卡，然後在完成時用ajax內容替換它。 –

你應該在頁面上創建一個隱藏的div，並在執行ajax時使用微調器顯示它，而不是使用相同的div來填充結果並顯示微調。 –

這應該與jQuery UI 1.9+工作了AJAX加載標籤（假設你的標籤必須標識「標籤」）：

$("#tabs").tabs({ 
    // loading spinner 
    beforeLoad: function(event, ui) { 
    ui.panel.html('<img src="loading.gif" width="24" height="24" style="vertical-align:middle;"> Loading...'); 
    } 
});

你需要把一個loading.gif在正確的地方，並調整img標籤src，寬度和高度，但我認爲你明白了。你可以在http://www.ajaxload.info/

來源

2013-04-08 23:12:50 redreinard

添加加載微調到JQuery UI選項卡身體

回答

相關問題