默认活动的jQuery选项卡

Question

我对标签使用以下标记，我想将tab-0作为页面加载时的默认活动标签。我该怎么做呢？

 <div class="gdl-tab">
  <ul class="gdl-tab-title">
   <li><a data-tab="tab-0">ITEM_TITLE1 </a></li>
   <li><a data-tab="tab-1">ITEM_TITLE1</a></li>
  </ul>
 <div class="clear"></div>

 <ul class="gdl-tab-content"><li data-tab="tab-0">ADD_CONTENT_HERE</li><li data-tab="tab-1">ADD_CONTENT_HERE</li><li data-tab="tab-2">ADD_CONTENT_HERE</li>
 </ul>

Answer 1

如果您使用jQuery UI Tabs，那么标记中的第一个标签已默认打开。

如果您不想完全确定第一个标签是否已打开，也可以以编程方式设置活动标签。

jQuery(document).ready(function() {
    // setter
    $(".selector").tabs("option", "active", 0); //note that the number of tabs is zero based.
});