Question

jQuery UI tabs是一个很棒的乐器。但正如我所看到的，它通过一个网站在所有页面上具有相同的风格。

但我不会在页面之间改变它的风格。我认为可以为jQuery代码添加额外的类。但我不知道该怎么做。

我需要在一个页面上选项卡有边框（我的意思是标签边框上的边框，默认情况下是内容），而另一个则没有。

有人可以帮我实现吗？

谢谢！

Answer 1

您可以在选项卡包装器中添加一个类，并在CSS中设置它。

<div id="tabs" class="about-page">
<div id="tabs" class="contact-page">

CSS

#tabs.about-page {
   border: 1px solid red;
}

#tabs.contact-page {
   color: blue;
   font-size: 14px;
}

......等等。

在您的脚本代码中，您仍应按如下方式调用它：

$(function() {
    $( "#tabs" ).tabs();
});