Я пытаюсь добавить глубокие ссылки для вкладок начальной загрузки. Он добавляет идентификатор вкладки к URL-адресу при каждом щелчке по вкладке, но когда я получаю доступ к прямой ссылке (www.site.com/tabpage/#tab2) для конкретной вкладки в новом окне браузера, я не перехожу на вторую вкладку. как я могу заставить это работать?
Мне нужно получить прямой URL-адрес для определенных вкладок.
Вот используемый код
HTML
Tab 1 contenrt
Tab 2 contenrt
Tab 3 contenrt
Tab 4 contenrt
< /code>
js < /p>
//tab deep linking
var url = window.location.href;
if (url.indexOf("#") > 0){
var activeTab = url.substring(url.indexOf("#") + 1);
$('.nav[role="tablist"] a[href="#'+activeTab+'"]').tab('show');
}
$('a[role="tab"]').on("click", function() {
var newUrl;
const hash = $(this).attr("href");
newUrl = url.split("#")[0] + hash;
history.replaceState(null, null, newUrl);
});
Подробнее здесь: https://stackoverflow.com/questions/661 ... strap-tabs
Глубокие ссылки для вкладок начальной загрузки ⇐ CSS
Разбираемся в CSS
-
Anonymous
1759864528
Anonymous
Я пытаюсь добавить глубокие ссылки для вкладок начальной загрузки. Он добавляет идентификатор вкладки к URL-адресу при каждом щелчке по вкладке, но когда я получаю доступ к прямой ссылке (www.site.com/tabpage/#tab2) для конкретной вкладки в новом окне браузера, я не перехожу на вторую вкладку. как я могу заставить это работать?
Мне нужно получить прямой URL-адрес для определенных вкладок.
Вот используемый код
HTML
[list]
[*]
[url=#tab1]Tab 1[/url]
[*]
[url=#tab2]Tab 2[/url]
[*]
[url=#tab3]Tab 3[/url]
[*]
[url=#tab4]Tab 4[/url]
[/list]
Tab 1 contenrt
Tab 2 contenrt
Tab 3 contenrt
Tab 4 contenrt
< /code>
js < /p>
//tab deep linking
var url = window.location.href;
if (url.indexOf("#") > 0){
var activeTab = url.substring(url.indexOf("#") + 1);
$('.nav[role="tablist"] a[href="#'+activeTab+'"]').tab('show');
}
$('a[role="tab"]').on("click", function() {
var newUrl;
const hash = $(this).attr("href");
newUrl = url.split("#")[0] + hash;
history.replaceState(null, null, newUrl);
});
Подробнее здесь: [url]https://stackoverflow.com/questions/66137552/deep-links-for-bootstrap-tabs[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия