jquery ui 选项卡阻止添加 ui-tabs-selected ui-state-active

Question

寻找一种方法来防止 jquery 在选项卡更改时将 ui-tabs-selected 和 ui-state-active 添加到选项卡栏/菜单。但如果可能的话，添加我自己的样式。
试图找到解决方案，但还没有……有人吗？

Answer 1

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

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

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

  $( ".selector" ).tabs({
      选择：函数（事件，用户界面）{
          $(".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-状态-活动 {
      颜色：#FF0000；
  }
  .selector .ui-tabs-nav > li.ui-状态选择{
      颜色：#FF00FF；
  }