Возникли проблемы с отменой выбора всех вкладок jquery
-
10-07-2019 - |
Вопрос
Я настроил некоторые вкладки jQuery так, чтобы они начинались без выделенных таким образом вкладок:
$('#tabs').tabs( { selected: -1 } );
Тогда у меня также есть отдельная ссылка, которая при нажатии должна отменить выбор всех вкладок.
$("#deselectButton").click(function(){
$('#tabs').tabs( 'select' , -1 )
});
или
$("#deselectButton").click(function(){
$('#tabs').tabs( 'selected' , -1 )
});
Нажатие кнопки отмены выбора отменяет выбор содержимого вкладок, однако заголовок вкладок остается активным с классом 'ui-tabs-selected ui-state-active'.
Каков правильный способ отменить выбор всех вкладок?
Решение
Попробуйте этот код:
$("#deselectButton").click(function(){
$('#tabs').tabs( 'selected' , -1 )
$(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});
Другие советы
Для jQuery 1.10 требуется сворачиваемый вариант должно быть установлено значение true.
$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );
Если вы используете пользовательский интерфейс jQuery версии 1.9+, то код CSS изменился на:
$('#tabs').tabs('option', 'active', false);
или:
$('.ui-tabs-active').removeClass('ui-tabs-active ui-state-active');
согласно комментариям ниже.Спасибо
Не связан с StackOverflow