Как мне указать, какую вкладку jquery загрузить?

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, все еще возможно манипулировать им?

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

это просто, на вкладке пользовательского интерфейса jquery есть опция с именем selected , которую вы можете использовать в документе.

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

обратите внимание, что индекс вкладки равен 0, поэтому для второй вкладки мы указали 1

Answer 4

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

Не проверено, но должно работать.