Question

Hye Guys !!

我在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>

有没有办法，所以我可以将我的标签与内容分开，或者可以手动定义标签部分

从内容中分离jQuery UI选项卡

0 个答案: