Как я могу изменить вкладки jquery ui в Yii Framework?

Question

Стили по умолчанию для вкладок Yii jquery ui:

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top"><a title="#yw0_tab_0" href="#yw0_tab_0">test</a></li>
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a title="#yw0_tab_1" href="#yw0_tab_1">test title</a></li>
<li class="ui-state-default ui-corner-top"><a title="#yw0_tab_2" href="#yw0_tab_2">test content</a></li>
</ul>

Теперь я хочу изменить

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">

до

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-corner-top">

Как я могу сделать это в рамках Yii? Пожалуйста, ответьте подробно, спасибо.

Answer 1

Это на самом деле не проблема Yii, а скорее то, как jQuery ui стилизирует вкладки при загрузке в своем javascript.

Вы всегда можете исправить это с помощью некоторого jQuery

$(function(){
    $('.ui-tabs-nav').removeClass('ui-corner-all ui-widget-header').addClass('ui-corner-top')
});

Answer 2

К сожалению, это невозможно в качестве опции конфигурации (виджета yii).Если вы посмотрите на исходный код страницы, то увидите, что классы добавлены с помощью javascript.Я бы посоветовал вам вместо этого использовать css для переопределения классов аффекта.Существует также jQuery UI Theming api , который стоит посмотреть.