Вкладки jQuery UI: как сделать разные стили вкладок для одного сайта?

Question

вкладки jQuery UI - замечательный инструмент. Но, как я вижу, он имеет одинаковый стиль на всех страницах одного сайта.

Но я не буду менять его стиль со страницы на страницу. Я думаю, что можно сделать добавление дополнительных классов в код 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;
}

... и т. Д.

В вашем теге script вы все равно должны называть его так:

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