Question

Yii jquery ui tabs默认样式：

<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可能值得一看。

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

2 个答案: