Question

所以我正在使用jQuery UI和tabs小部件。当我在我正在制作的网站上的几个地方使用这些小部件时，我只采用jQuery UI的默认样式，并为我所拥有的不同选项卡制作不同的样式。

我通常有一个类似于这个的架构：

<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请求成功的情况下将类添加到加载的选项卡？

提前致谢。

Answer 1

您可以在ajax回复中添加： $( "#smth-tabs-1" ).addClass('yourClass') ;

确实，您的 n 标签名为#smth-tabs-n

Answer 2

您可以设置#smth-tabs .ui-tabs-pane，甚至#smth-tabs > ul和#smth-tabs > div。

jQuery选项卡和AJAX：如何设置选项卡的样式？

2 个答案: