我想完全自定义 jQuery UI 选项卡而不破坏 jQuery UI 日期选择器的样式?这是可行的还是我应该进行自定义工作而不使用 jQuery UI 选项卡?
最佳答案
$("#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 类。 您可以为例如的 child 重置它们仅#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-”无论如何,所以他们不应该干扰..
关于jquery - 我可以删除 jQuery UI 选项卡的整个样式而不破坏其他 UI 组件的样式吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9451766/