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

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

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

Володя
21 июля 2017, 11:40
0
я где вот так делал
UIkit.on('afterready.uk.dom', function (e) {
	$('.tm-switch-table ul[data-uk-switcher]').find("a:contains('"+hash['models']+"')").click();
});
    Алексей
    21 июля 2017, 11:49
    0
    Володя, добрый день!
    Это через id у списка табов?
      Володя
      21 июля 2017, 11:55
      0
      Привет. Нет это просто по ссылке таба (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
        0
        Володя, не получается.
        Поставил твой код:
        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
    0
    А вот вызов который я использовал:
    <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
      1
      0
      Я использую UIKit 3.
        Алексей
        21 июля 2017, 13:42
        0
        Ребята, помогите!
          Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
          7