Как предотвратить добавление CSS-свойств класса

Question

Я использую Ruby on Rails 3.0.9, jQuery 1.6.2 и jQuery UI. Я пытаюсь реализовать вложенные вкладки, следуя официальной документации .

Когда я утверждаю следующее (это «обычный» \ «общий» способ, как указано в исходном коде документации)

<div id="tabs">
  <ul>
    <li>...</li>
  </ul>
</div>

<script>
  $(function() {
    $( "#tabs" ).tabs();
  });
</script>

и затем я показываю сгенерированный HTML-код, jQuery UI автоматически добавляет следующие свойства CSS class в <div id="tabs">:

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
  ...
</div>

Можно ли предотвратить добавление некоторых из этих CSS classes? Если да, то как это сделать?

Answer 1

Вы всегда можете $("#tabs").removeClass("whatever"), если хотите, но, скорее всего, вы потеряете определенные функции.Настоящий вопрос в том, почему вы хотите это сделать?

Answer 2

Я бы переопределил стили на страницах, где вы не хотите эффект. Например, если ui-corner-all имеет свойство float:left в таблице стилей пользовательского интерфейса jquery, и этот стиль мешает вашей странице. Было бы лучше иметь класс с тем же именем на странице, над которой вы работаете, чтобы переопределить стиль. Это будет дешевле, чем модификация dom для удаления классов.

Answer 3

Если вам не нужны эффекты CSS, которые дают вкладки, просто удалите стили из документа CSS.