1

嘿伙计们！！

我在 jQuery UI 选项卡中遇到了一个小问题。问题是我在我的内容之后有标签，因为默认行为是，它应该在内容之前。

HTML：

<div id="verticalTabs">  
  <div class="verticalTabsContent">
    <div id="tab1" class="tab-content">djfhksdf kdsh kfh </div>
    <div id="tab2" class="tab-content">Content for Tab2 goes here</div>
    <div id="tab3" class="tab-content">Content for Tab3 goes here</div>
    <div id="tab4" class="tab-content">Content for Tab4 goes here</div>
  </div>
  <ul id="tabGroup">
    <li><a href="#tab1">Title_1</a></li>
    <li><a href="#tab2">Title_2</a></li>
    <li><a href="#tab3">Title_3</a></li>
    <li><a href="#tab4">Title_4</a></li>
  </ul>
</div>

jQuery

$(function() {
   $( "#verticalTabs" ).tabs();
});

它工作正常。但问题是当我在我的内容中获取列表（ul - li）时。jQuery 将其视为选项卡而不是我原来的选项卡。

<div id="verticalTabs">  
  <div class="verticalTabsContent">
    <div id="tab1" class="tab-content">
      <ul>
        <li>something</li>
      </ul>
    </div>
    <div id="tab2" class="tab-content">Content for Tab2 goes here</div>
    <div id="tab3" class="tab-content">Content for Tab3 goes here</div>
    <div id="tab4" class="tab-content">Content for Tab4 goes here</div>
  </div>
  <ul id="tabGroup">
    <li><a href="#tab1">title_1</a></li>
    <li><a href="#tab2">title_2</a></li>
    <li><a href="#tab3">title_3</a></li>
    <li><a href="#tab4">title_4</a></li>
  </ul>
</div>

有什么办法让我可以将标签与内容分开，或者可以手动定义标签部分

4

0 回答 0