Bootstrap вкладки .nav-tabs

@RobinHood · Регистрация: 08.12.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте, подскажите со следующим кодом, здесь используются вкладки bootstrap:

HTML5
1
2
3
4
5
<ul class="nav nav-tabs" id="myTabs" >
         <li class="active"><a href="Page1.aspx" data-toggle="tab">Page1</a></li>
         <li><a href="Page2.aspx" data-toggle="tab">Page2</a></li>
         <li><a href="Page3.aspx" data-toggle="tab">Page3</a></li>             
</ul>

Без аттрибута data-toggle="tab" переходы на страницы осуществляются, но не меняется активная вкладка. С аттрибутом визуально меняются вкладки, но не происходит перехода на страницы. Может Javascript код какой подскажете для этого случая? Благодарю за любую помощь.

@SiarheiSiarhei · 10.08.2017, 12:23

не меняется активная вкладка

HTML5
1
<a target="_blank" href="//www.facebook.com/"><span class="icon-facebook"></span></a>

target="_blank" новая вк. в браузере...

@RobinHood · 10.08.2017, 17:34 **[ТС]**

SiarheiSiarhei, я имел ввиду вкладки nav-tabs bootstrap, а не вкладки браузера.
http://bootstrap-3.ru/components.php#nav

Добавлено через 21 минуту
По идее каким-то подобным образом активную вкладку менять:

HTML5
1
2
3
4
5
6
<script type="text/javascript">
    $('ul.nav-tabs li a').click(function (e) {
        $('ul.nav-tabs li.active').removeClass('active')
        $(this).parent('li').addClass('active')
    })
</script>

Но не работает.

Добавлено через 3 часа 51 минуту

HTML5
1
2
3
4
5
<ul class="nav nav-tabs" id="myTabs" >
         <li class="active" id="1" onclick="tab(1)"><a href="Page1.aspx">Page1</a></li>
         <li id="2" onclick="tab(2)"><a href="Page2.aspx">Page2</a></li>
         <li id="3" onclick="tab(3)"><a href="Page3.aspx">Page3</a></li>             
</ul>

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script  type="text/javascript">
    function tab(el) {
        var tabs = page.getElementsByTagName('li');
        for (var i = 0; i < tabs.length; i++) {
            var tab = tabs[i];
            if (tab.id == el) {
                tab.className = 'active';
            }
            else {
                tab.className = '';
            }
        }
    }
</script>

Такой вариант почти срабатывает. Переход осуществляется, активная вкладка на короткое время меняется, но потом видимо при перерисовке страницы активная вкладка опять выставляется из html-разметки. Может есть идеи у кого-нибудь?

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .