jQuery選項卡和AJAX：如何設置選項卡的樣式？

所以我正在使用jQuery UI和標籤小部件。由於我在我製作的網站上的幾個地方使用這些小部件，因此我只採用jQuery UI的默認樣式中的最小值，併爲我擁有的不同套標籤製作不同的樣式。jQuery選項卡和AJAX：如何設置選項卡的樣式？

我通常有類似這樣的一個架構：

<div id="smth-tabs"> 
    <ul id="smth-tabs-menu"> 
     <li> .... 
    </ul> 
    <div class="smth-tabs"> //First tab 
    </div> 
    .... 
</div>

現在的問題是，當我使用AJAX來加載標籤（而不是他們的div就像我給的例子），包含選項卡的div是自動生成的，因此只有小部件的類（「ui-tabs-panel」等）。

這是與我創建這個基於AJAX的一套標籤的代碼：

$(function() { 
    $("#smth-tabs").tabs({ 
     ajaxOptions: { 
      error: function(xhr, status, index, anchor) { 
       $(anchor.hash).html(
        "Error" 
       ); 
      } 
     } 
    }); 
});

有選項傳遞給標籤功能設置選項卡容器上的自定義類？還有另一種方法可以做到嗎？或者我必須簡單地解決在添加AJAX請求成功的情況下將類添加到加載的選項卡？

在此先感謝。

來源

2012-10-16 Gabriel Theron

爲什麼你不能設計'＃smth-tabs .ui-tabs-pane'或者甚至是＃smth-tabs> ul'和'＃smth-tabs> div'？ – GolezTrol

這解決了這個問題。謝謝。 –

然後我會將它作爲答案發布。 – GolezTrol

可以樣式#smth-tabs .ui-tabs-pane甚至#smth-tabs > ul和#smth-tabs > div。

來源

2012-10-17 08:25:17 GolezTrol

您可以在阿賈克斯回報補充一點： $("#smth-tabs-1").addClass('yourClass') ;

事實上，你ñ標籤有ID #smth-tabs-n

來源

2012-10-16 15:08:38

因爲它的簡單性，我打算用GolezTrol的答案去做，但是這個答案是正確的。我會記住它的其他類似的情況。謝謝！ –

jQuery選項卡和AJAX：如何設置選項卡的樣式？

回答

相關問題