О примерно $ (). Tab () обычно используется для переключения между страницами вкладок и фрагментами содержимого ссылки капсулы или для навигации по странице для связанного контента:
<ul id = "mytab"> <li> <a href = "#home"> home </a> </li> <li> <a href = "#profile"> Профиль </a> </li> <li> <a href = "#Сообщения"> Сообщения </a> </li> <li> <a href = "#utests"> dives </li> </li> </li> id = "Home"> ... </div> <div id = "profile"> ... </div> <div id = "Сообщения"> ... </div> <div id = "Настройки"> ... </div> <script> $ (function () {$ ('#mytab a: last'). Tab ('show'); // Инициализируйте, какая вкладка. e.preventdefault (); // заблокировать поведение прыжка ссылки $ (this) .tab ('show'); // показывать выбранную в данный момент ссылку и связанный контент})}) </script>Кроме того, у вас может быть более гибкие способы активации конкретной вкладки:
$ ('#mytab a [href = "#profile"]'). Tab ('show'); // Выберите вкладку по имени $ ('#mytab a: First'). Tab ('show'); // выберите первую вкладку $ ('#mytab a: last'). Tab ('show'); // Выберите последнюю вкладку $ ('#mytab li: eq (2) a'). Tab ('show');Одна вещь, которую необходимо отметить в приведенном выше коде, заключается в том, что тег A в каждом LI должен иметь идентификатор href =#, который указывает на идентификатор содержимого, соответствующего ссылке. Если JavaScript используется для переключения навигационного содержимого, нет необходимости добавлять Data-toggle = 'tab' к тегу. Конечно, если каждая ссылка A использует этот атрибут, нет необходимости использовать JS для его реализации.