解决方法
$("#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 only ..
#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样式.
关于datepicker,只要你确保上面定义的样式没有在包含内容的div中使用你应该没问题,大多数类的前缀是“.ui-datepicker-”或“.ui-tabs-”无论如何所以他们不应该干涉..
