jquery ui tabs阻止添加ui-tabs-selected ui-state-active

Question

寻找一种方法来阻止jquery在选项卡栏/选项卡中更改选项卡和菜单栏/菜单时将其添加到选项卡栏和菜单栏中。但如果可能的话，添加我自己的风格。
试图找到一个解决方案，但还没有......任何人？

Answer 1

有几种方法可以做到这一点。

• 下载完整的jQuery UI代码并删除将样式添加到选项卡的代码，然后在需要时再次将其缩小：
  http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js

• 使用jQuery UI选项卡select事件删除类：

  $( ".selector" ).tabs({
      select: function(event, ui) {
          $(".selector .ui-tabs-nav > li").removeClass("ui-state-active ui-state-selected");
      }
  });
  

• 只需使用自己的CSS覆盖ui-state-active和ui-state-selected的样式：

  .selector .ui-tabs-nav > li.ui-state-active {
      color: #FF0000;
  }
  .selector .ui-tabs-nav > li.ui-state-selected {
      color: #FF00FF;
  }