Перейти к содержимому


Фотография
- - - - -

Якоря для закладок Widgetkit Switcher Panel, как?

widgetkit yootheme switcher panel

Сообщений в теме: 3

#1 dalwebmaster

dalwebmaster

Отправлено 20 July 2017 - 02:15

Есть табы по услугам Widgetkit Switcher Panel: https://tattoovorobe...as/nashi-raboty

 

Можно ли сделать прямую ссылку на конкретно открытый таб? Тупо якоря тут конечно не работают, JavaScript или какое другое простое решение, подскажите?


  • 0

Все что делал www.dalweb.su и делаю www.dalweb.studio


#2 mmth

mmth

Отправлено 20 July 2017 - 03:43

Есть табы по услугам Widgetkit Switcher Panel: https://tattoovorobe...as/nashi-raboty

 

Можно ли сделать прямую ссылку на конкретно открытый таб? Тупо якоря тут конечно не работают, JavaScript или какое другое простое решение, подскажите?

Самый простой способ, проверил на странице, работает:

jQuery('.uk-tab li').eq(1).click();

Функция eq выбирает из списка элемент по порядковому номеру, начиная с 0.


  • 3

#3 dalwebmaster

dalwebmaster

Отправлено 23 July 2017 - 14:16

Самый простой способ, проверил на странице, работает:

jQuery('.uk-tab li').eq(1).click();

Функция eq выбирает из списка элемент по порядковому номеру, начиная с 0.

А если ссылки идут не с той же страницы, а с Главной? На ней под первым экраном вступления идут круглые фото, со ссылками на соответствующие табы на страницу "Наши работы", можете разобрать пример?


  • 0

Все что делал www.dalweb.su и делаю www.dalweb.studio


#4 mmth

mmth

Отправлено 23 July 2017 - 17:29

А если ссылки идут не с той же страницы, а с Главной? На ней под первым экраном вступления идут круглые фото, со ссылками на соответствующие табы на страницу "Наши работы", можете разобрать пример?

 

Каркас решения я вам сейчас напишу:

var uri = window.location.hash;//получаем параметры хеш ссылки, например https://tattoovorobeva.ru/o-nas/nashi-raboty#tab-1
//тут хеш #tab-1
jQuery("html, body").stop();//останавливаем анимацию
jQuery(window).load(function($) {
    if (uri !== ""){//проверяем хеш на пустоту
        uri = uri.replace('tab-','');
        jQuery('.uk-tab li').eq(parseInt(uri)).click();
    }     
return false;});             

по факту вам нужно на главной указать tab-N где N порядковый номер с 0 кнопок табов

и ещё сразу напишу сходите для углубления знаний по jquery на http://jquery.page2page.ru


Сообщение отредактировал mmth: 23 July 2017 - 17:32

  • 0





Темы с аналогичным тегами widgetkit, yootheme, switcher panel

Click to return to top of page in style!