如何修改Yii框架中的jquery ui选项卡？

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如何在JavaScript中加载样式的选项卡。

你总是可以用一些jQuery的

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

解决这个问题

Answer 2

不幸的是，它不可能作为（yii widget）配置选项。如果你看看页面源代码，你会发现这些类是通过javascript添加的。我建议你改用css来覆盖影响类。还有一个jQuery UI Theming api这可能值得一看。