Jquery Tabs：微調選項不起作用

Question

我需要一個Ajax動畫，而遠程頁面加載在選項卡中。

我使用

$('#tabs2').tabs({ spinner: ''<img src="../../Content/images/Jquery/spinner.gi'' }); 

即使$('#tabs2').tabs({ spinner: 'Loading..' });也沒有工作......

雖然標籤功能是工作，但動畫是不工作...

我使用JQuery主題滾筒文件。非常感謝您的幫助。很多謝謝

Answer 1

很抱歉問題已解決。我在標籤中放置了一個<span>標籤。在Jquery支持討論中找到解決方案。 http://docs.jquery.com/Discussion

例如

<li><a href="../URL">**<span>Text to display in Tabs</span></a></li> 
<li><a href="tabdiv">**<span>Text to display in Tabs</span></a></li> 

Answer 2

發佈的第一個代碼片段看起來不正確。它應該是：

$('#tabs2').tabs({ spinner: '<img src="../../Content/images/Jquery/spinner.gif"/>' }); 

第二個片段應該只是罰款假設「＃TABS2」是指容器標籤和各個選項卡的一個也沒有。

請編輯您的問題併發布相關的標籤頁。

Answer 3

只有在使用ajax加載遠程內容時纔會使用jquery.ui選項卡的spinner選項。 你確定你使用ajax模式，而不是簡單地顯示和隱藏頁面上的現有內容與選項卡？

Answer 4

添加一個圍繞選項卡鏈接的文本可修復問題。 Sumanta的解決方案是正確的，但我不確定你需要那裏的兩個星號符號。

Answer 5

我找不出答案是什麼，所以再次，如果有人不明白。

不是在加載期間替換標籤的內容，而是標籤標題。 所有你需要做的是把分頁標題爲span標籤

前：

<ul > 
<li><a href="link.html" >Users</a></li> 
</ul> 

後

<ul > 
<li><a href="link.html" ><span>Users</span></a></li> 
</ul> 

的標籤頭必須與跨度包圍，你可以看到 用戶變<span>Users</span>

Answer 6

如果微調不適合你（它不適合我），請試試這個：

$("#tabs").tabs({ 
       beforeLoad: function (event, ui) { 
        ui.panel.text('Retrieving data...'); 
       } 
      });