Глубокие ссылки для вкладок начальной загрузкиCSS

Разбираемся в CSS
Ответить
Anonymous
 Глубокие ссылки для вкладок начальной загрузки

Сообщение Anonymous »

Я пытаюсь добавить глубокие ссылки для вкладок начальной загрузки. Он добавляет идентификатор вкладки к 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»