我正在尝试使用 jQuery UI 1.7.2 即时添加选项卡。首先,我创建包含属于选项卡的内容的 div,然后调用 $('#tabs').tabs("add",...)。jQuery UI 在标签列表中正确添加了一个新的 li。但是,它不是在我的选项卡 div 上创建类属性,而是创建一个带有一些虚假 id 的全新选项卡 div,并在其上创建类。
这是它生成的标记:
<div id="tabs" class="ui-tabs ui-widget ui-widget-content">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default"><a href="#ui-tabs-41"><span>Tab 1</span></a></li>
<li class="ui-state-default"><a href="#ui-tabs-36"><span>Tab 2</span></a></li>
<li class="ui-state-default"><a href="#ui-tabs-27"><span>Tab 3</span></a></li>
</ul>
<div id="MyTab1"><img src="/1.jpg"/></div>
<div id="ui-tabs-41" class="ui-tabs-panel ui-widget-content ui-tabs-hide"/>
<div id="ui-tabs-36" class="ui-tabs-panel ui-widget-content ui-tabs-hide"/>
<div id="ui-tabs-27" class="ui-tabs-panel ui-widget-content"/>
<div id="MyTab2"><img src="/2.jpg"/></div>
<div id="MyTab3"><img src="/3.jpg"/></div>
MyTab1 等 div 是我想要变成标签的那些。像 ui-tabs-41 这样的 div 是 jQuery UI 决定自己生成的……我不知道为什么。