Вкладки пользовательского интерфейса jquery предотвращают добавление выбранного пользовательского интерфейса.

Question

Ищите способ запретить jquery добавлять ui-tabs-selected и ui-state-active к панели вкладок / меню при переходе от вкладки к вкладке. Но добавьте мои собственные стили, если это возможно.
Пытался найти решение, но пока ничего ... кто-нибудь?

Answer 1

Есть несколько способов сделать это.

• Загрузите полный код пользовательского интерфейса jQuery и удалите код, который добавляет стили на вкладку, а затем уменьшите это значение самостоятельно, если необходимо:http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js

• Используйте событие выбора вкладок пользовательского интерфейса jQuery для удаления классов:

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

• Просто переопределите стили для ui-state-active иUI-State-выбран с вашим собственным CSS:

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