Помощь с табами

Ребята, добрый день!
Помогите решить проблему. Есть страница с табами (4 штуки). Никак не могу сделать переход по якорям. Использую UIKit. Вот ссылка на табы Tab. Делаю ссылки с других страниц, типа: site.ru/info.html#tab2. На страницу переходит, а вот на нужный таб никак. Пробовал через id, не выходит. Задал вопрос разработчикам, но что-то не отвечают. Помогите кто в курсе.
Спасибо!

Алексей

21 июля 2017, 08:29

809

Комментарии: 7

Володя

21 июля 2017, 11:40

я где вот так делал

UIkit.on('afterready.uk.dom', function (e) {
	$('.tm-switch-table ul[data-uk-switcher]').find("a:contains('"+hash['models']+"')").click();
});

Алексей

21 июля 2017, 11:49

Володя, добрый день!
Это через id у списка табов?

Володя

21 июля 2017, 11:55

Привет. Нет это просто по ссылке таба (name). Структура примерно такая

<div class="tm-switch-table uk-margin-large-bottom">
    <ul class="first" data-uk-switcher="{connect:'#table', animation: 'fade'}">
        <li aria-expanded="false" class=""><a href="">name1</a></li>
        <li aria-expanded="true" class="uk-active"><a href="">name2</a></li>
        <li aria-expanded="false"><a href="">name3</a></li>
    </ul>
    <ul id="table" class="second uk-switcher">
      ...
    </ul>
</div>

Алексей

21 июля 2017, 12:16

Володя, не получается.
Поставил твой код:

UIkit.on('afterready.uk.dom', function (e) {
	$('.tm-switch-table ul[data-uk-switcher]').find("a:contains('"+hash['models']+"')").click();
});

.
Вызов:

<div class="tm-switch-table uk-margin-large-bottom">
    <ul class="first" data-uk-switcher="{connect:'#table', animation: 'fade'}">
        <li aria-expanded="true" class="uk-active"><a href="">Металлорукава</a></li>
        <li aria-expanded="false"><a href="">Тефлоновые шланги</a></li>
        <li aria-expanded="false"><a href="">Компенсаторы</a></li>
    </ul>
    <ul id="table" class="second uk-switcher">
      <li>Металлорукава</li>
      <li>Тефлоновые шланги</li>
      <li>Компенсаторы</li>
    </ul>
</div>

Ссылка с другой страницы:

<a href="http://site.ru/information.html#Тефлоновые шланги">Полезная информация</a>

В консоли пишет: Uncaught TypeError: UIkit.on is not a function

И переходит все равно на первый таб, а не на второй.
Помогите пожалуйста.

Алексей

21 июля 2017, 12:23

А вот вызов который я использовал:

<ul class="uk-child-width-expand@m" id="reviews" uk-tab="{connect: #reviews}">
    <li id="tab1"><a href="#">Металлорукава</a></li>
    <li id="tab2"><a href="#">Тефлоновые шланги</a></li>
    <li id="tab3"><a href="#">Композиционные материалы</a></li>
    <li id="tab4"><a href="#">Компенсаторы</a></li>
</ul>
<ul id="reviews" class="uk-switcher uk-margin">
    <li>1</li>
    <li>2</li>
    <li>3</li>
     <li>4</li>
</ul>

Алексей

21 июля 2017, 13:15

Я использую UIKit 3.

Алексей

21 июля 2017, 13:42

Ребята, помогите!

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.