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> 

、私はYiiのフレームワークの中でそれを行うことができますどのように

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

に

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

を変更したいですか？詳細にお答えください、ありがとうございます。

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もあります。