使用Jquery UI選項卡顯示加載程序的問題

Question

當用戶單擊選項卡時，我能夠顯示「正在檢索數據..」。

我想在用戶點擊選項卡內部的鏈接時在選項卡上顯示相同的消息。

像在我的一個標籤中顯示的項目列表與分頁。當用戶點擊項目的分頁鏈接時，我想在「檢索數據」選項卡上顯示一條消息。

我該怎麼做？

Answer 1

如果您在點擊分頁鏈接時發送ajax請求，則可以在分頁處理函數處理程序中將活動標籤的標題設置爲「檢索數據」，並在成功回調中設置標題。 喜歡的東西：

$('.pagination_link').click(function() { 
var activeTab = $('.ui-widget-header').find('.ui-state-active a'); 
var caption = activeTab.text(); 
activeTab.text('Retrieving Data'); 
$.ajax({ 
    // ...request data... 
    success: function (data) { 
    activeTab.text(caption); 
    // ... continue process your request 
    } 
}) 

}); 

也許有在jQuery UI的一些API，可以幫助你做到這一點更jQueryUI的-ISH-方式（例如當前激活的標籤更看中的選擇，它的文本），但邏輯保持不變。使用庫時，它只是幫助您更輕鬆快捷地完成某些操作，但您可以在圖書館的蹤跡旁邊走，並在JavaScript和邏輯的幫助下完成您想要的任務。這是你問的嗎？