jQuery UI选项卡将类添加到错误的div？

我正在尝试使用jQuery UI 1.7.2动态添加标签.首先,我创建了包含属于选项卡内容的div,然后我调用$(‘#tabs’).tabs(“add”,…). jQuery UI在选项卡列表中正确添加了新的li.但是,它不是在我的tab div上创建一个class属性,而是创建一个带有一些伪id的全新tab 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决定自己生成的…而且我不知道为什么.