Question

如何在我的网站中加载第二个标签而不是第一个？

  $('.result').load('ajax/test.html');
  $(document).ready(function() {
      $('#tabs').load('tab2');
  });

下面是一些HTML ...

 <div id="tabs"> 
 <ul> 
 <li
        <%= "overview".equals(fundSection) ? " id=\"current\"" : ""%>>
        <netui-compat:anchor action="switchCardTabs">
            <netui-compat:parameter name="tab" value="overview"/>
            <span><i18n:getMessage messageName="portlets.fundcard.section.overview"/></span>
        </netui-compat:anchor>
    </li> 
    <li<%= "performance".equals(fundSection) ? " id=\"current\"" : ""%>>
        <netui-compat:anchor action="switchCardTabs">
            <netui-compat:parameter name="tab" value="performance"/>
            <span><i18n:getMessage messageName="portlets.fundcard.section.performance"/></span>
        </netui-compat:anchor>
    </li> 
    ....
</div>
</div>

我不相信它使用jquery UI，是否仍然可以操作它？

Answer 1

使用select方法。

$('#tabs').tabs('select', 'tab2'); // tab ID
// OR
$('#tabs').tabs('select', 1); // tab index (starts at 0)

Answer 2

假设您正在使用jQuery UI，并且$（'＃tabs'）被初始化为其他地方的jQuery UI标签对象。

$('#tabs').tabs('select', 1);

Answer 3

$(document).ready(function() {
    $('#tabs').tabs('select', 1);
});

未经测试，但应该有效。

Answer 4

这很简单，jquery UI选项卡公开了一个名为 selected 的选项，你可以在document.ready上使用它，同时初始化标签功能就像这样

  $(document).ready(function() {
  $( "#tabs" ).tabs({ selected: 1 });
  });

请注意，标签索引是基于0的，所以对于我们指定的第二个标签1

如何指定要加载的jquery选项卡？

4 个答案: