How do I specify what jquery tab to load?

Question

How would I load the second tab in my site instead of the first?

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

below is the some of the 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>

i dont believe its using the jquery UI, is it still possible to manipulate it?

Answer 1

Use the select method.

$('#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').tabs('select', 1);

Answer 3

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

Untested, but should work.

Answer 4

it's simple, jquery UI tab exposes an option called selected you can utilize that on document.ready while initializing the tabs function something like this

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

please note that tab index are 0 based so for second tab we specified 1