Как настроить вкладку, активную в закладке jQuery ui на странице load

Question

Как я могу сделать последнюю страницу на вкладке по умолчанию. Я использую пользовательский интерфейс jQuery для отображения этих вкладок.

<div id="tabs"> 
    <li class="ui-state-default ui-corner-top"><a href="#home">Home</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#strains">Strains</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#GB"> Browser</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#pathway">Pathway</a></li> 
    <li id="pathway1" class="ui-state-default ui-corner-top"><a href="#pathway1">pathway1</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#About">About</a></li> 

Насколько я понял, это должно быть сделано следующим образом.

$('#tabs1').addClass('active') 

Но он не работает. У меня есть jQuery.

$("#tabs").tabs(); 
$("#pathway1").addClass('active'); 

Я хочу, чтобы страница pathway1 активно по умолчанию.

Answer 1

Настройка класса не изменит вкладку по умолчанию.

Вместо

$("#tabs").tabs();  

Попробуйте это:

$("#tabs").tabs({ active: 4 }); 

Это сделает пятый (он равен нулю индексированные) вкладка активная вкладка по умолчанию.

Answer 2

Это один работает для меня:

$('a[href="#strains"]').click();