Автоматический фокус на вкладке

Question

Я пытаюсь установить автофокус на вкладке, когда загружается страница, но я не могу заставить ее работать. Я создал скрипку, и, как вы можете видеть в коде, я пытаюсь настроить фокус на вкладке с помощью class="test Может ли кто-нибудь увидеть, что я делаю неправильно?

http://jsfiddle.net/qL2W4/2391/

<div id="mydiv"> 
    <ul> 
     <li><a href="#">rr</a></li> 
     <li class="test"><a href="#">gg</a></li> 
     <li><a href="#">mm</a></li> 
    </ul> 
</div> 

$("#mydiv").tabs(); 
$("#mydiv").find(".test").focus(); 

Answer 1

Попробуйте следующий:

$("#mydiv").tabs(); 
$("#mydiv").find(".test a").trigger("click"); 

Или, если вам нужно только вкладку переключения - использовать активное свойство:

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

P.S. на мой взгляд, второй метод лучше, если вам не нужно выделять событие click для чего-то другого.

Answer 2

Вы можете использовать selected вариант для этого:

$("#mydiv").tabs({ selected: 1 }); 

Updated Fiddle

Если вы хотите работать на основе li с определенным классом вы можете сделать это, получив индекс li с выбранным классом и передачей его в опции вкладки:

var selected = $(".test").index(); 

$("#mydiv").tabs({ selected: selected }); 

Fiddle

Answer 3

Вы можете просто имитировать щелчок:

<div id="mydiv"> 
    <ul> 
    <li><a href="#">rr</a></li> 
    <li><a href="#" class="test">gg</a></li> <!-- NOTE CHANGE --> 
    <li><a href="#">mm</a></li> 
    </ul> 
</div> 

$(document).ready(function() { 
    $("#mydiv").tabs(); 
    $('.test').click(); 
});