JQuery, как установить активную первую вкладку?

Question

 $( '#xxx' ).tabs({
select: function(event, ui) { 
var theSelectedTab2 = ui.index;

if (theSelectedTab2  == 0) {
$('ul li.ep_s1').removeClass('ep_s1').addClass('ep_s-click1');
if ($('ul li#h13').hasClass('ep_l-click1')) {
   $('ul li#h13').removeClass('ep_l-click1').addClass('ep_l1');
}}
else if (theSelectedTab2  == 1 ) {
$('ul li.ep_l1').removeClass('ep_l1').addClass('ep_l-click1');
if ($('ul li#h12').hasClass('ep_sidebar_friends-click1')) {
   $('ul li#h12').removeClass('ep_s-click1').addClass('ep_s1');
}}
 }
}); 

Если я использую selected: 0, первая вкладка будет активна, но теперь она будет проходить через оператор if (theSelectedTab2 == 0) и добавлять эти классы.

если после загрузки страницы я нажимаю на эти вкладки, скрипт работает отлично.

В основном я хочу, чтобы страница загружала оператор if (theSelectedTab2 == 0) и все, что происходит внутри него, было активным.

спасибо

Answer 1

Возможно следующая строка после инициализации вкладок:

$( '#xxx' ).tabs('select', 0);

Надеюсь, это также вызовет нужное вам событие.

Answer 2

Мне нужно было сделать так, чтобы все заработало:

jQuery( "#xxx" ).tabs({active: 1});
jQuery( "#xxx" ).tabs("option", "active", 0);

Этот способ достаточно быстро инициирует события

Answer 3

Инициировать событие клика на первой вкладке после загрузки страницы?

Как $('first tab selector').click()

Answer 4

вот что я бы сделал

$(function () {
    $("ul.nav-tabs li:first").addClass("active");
    $(".tab-content .tab-pane:first").addClass("active");
});