JavaScript. Как программно переключить вкладку (tab)?


Сегодня появилась необходимость программного переключения вкладок на bootstrap tabs. Решение очевидное — но сразу пошел не верным путём — поэтому сейчас раскажу, как быстро и правильно переключить bootstrap вкладку.

На самом деле — все сверх-просто, причем, конечно же, есть в Документации. Но, тем не менее — не будет лишним еще раз указать исковые методы. Итак:

// выбираем линк по ссылке
$('.nav-tabs a[href="#home"]').tab('show')

// выбираем первый линк
$('.nav-tabs a:first').tab('show') 

// выбираем последний линк
$('.nav-tabs a:last').tab('show') 

// выбираем четвертый по-порядку линк
$('.nav-tabs li:eq(3) a').tab('show')

Как видите, все действия происзодят путем вызова метод tab для ССЫЛКИ. Подчеркиваю, что действия нужно выполнять не для родительского

  • , а именно для .

    Вот так просто мы и можем программно переключить бутстрапные вкладки.


  • Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *