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

55
5

 $( '#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) и пройти через добавление этих классов.


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


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


спасибо

спросил(а) 2011-04-11T19:32:00+04:00 9 лет, 3 месяца назад
1
Решение
89

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


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

ответил(а) 2018-05-30T16:22:00+03:00 2 года, 1 месяц назад
77

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


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

Надеюсь, это также вызовет событие, которое вы хотите.

ответил(а) 2011-04-11T19:43:00+04:00 9 лет, 3 месяца назад
55

Мне пришлось сделать так, чтобы он работал:


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

Выполнение этого способа запускает события достаточно скоро

ответил(а) 2014-12-09T18:46:00+03:00 5 лет, 7 месяцев назад
39

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

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

ответил(а) 2011-04-11T19:39:00+04:00 9 лет, 3 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема