如何修改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這可能值得一看。