0

所以我正在使用 jQuery UI 和标签小部件。当我在我正在制作的网站上的几个地方使用这些小部件时,我只从 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 请求成功的情况下将类添加到加载的选项卡吗?

提前致谢。

4

2 回答 2

1

您可以在 ajax return 中添加它: $( "#smth-tabs-1" ).addClass('yourClass') ;

事实上,你的n 个标签有 id#smth-tabs-n

于 2012-10-16T15:08:38.393 回答
1

You can style #smth-tabs .ui-tabs-pane or even #smth-tabs > ul and #smth-tabs > div.

于 2012-10-17T08:25:17.113 回答