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：如何设置选项卡的样式？

回答

相关问题