Сегодня появилась необходимость программного переключения вкладок на 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
для ССЫЛКИ
. Подчеркиваю, что действия нужно выполнять не для родительского
.
Вот так просто мы и можем программно переключить бутстрапные вкладки.