我是否可以在不破坏其他UI组件样式的情况下删除整个jQuery UI选项卡？

Question

我想完全自定义jQuery UI选项卡而不破坏jQuery UI日期选择器的样式？这是可行的还是我应该做自定义工作而不是使用jQuery UI选项卡？

Answer 1

$("#mytabs").tabs()

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="mytabs">
   <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 ui-tabs-selected ui-state-active"><a href="#tabs-1">Nunc tincidunt</a></li>
      <li class="ui-state-default ui-corner-top"><a href="#tabs-2">Proin dolor</a></li>
   <div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1">
      <p>Tab one content goes here.</p>
   </div>
    ...
</div>

此示例显示了大多数可能应用的 ui 类。您可以仅为例如#mytab 的子级重置它们。

#mytab.ui-tabs {
    /* reset or overwrite everything you don't like */
}

#mytab li.ui-tabs-selected {
    /* reset or overwrite everything you don't like */
}

...

这不太舒服，但允许您仍然在任何其他元素中使用 jquery ui 样式。

关于日期选择器，只要你确保上面定义的样式没有在保存内容的div中使用，你应该没问题，大多数类都以“.ui-datepicker-”或“.ui-tabs-”为前缀无论如何，所以他们不应该干涉..