Jump to content


Photo
- - - - -

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

widgetkit yootheme switcher panel

3 replies to this topic

#1 dalwebmaster

dalwebmaster
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 107
  • topics: 37

Posted 20 July 2017 - 02:15

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

 

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


  • 0

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


#2 mmth

mmth
  • JBZoo User (rus)
  • User rate: 22.3
  • posts: 546
  • topics: 8

Posted 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
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 107
  • topics: 37

Posted 23 July 2017 - 14:16

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

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

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

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


  • 0

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


#4 mmth

mmth
  • JBZoo User (rus)
  • User rate: 22.3
  • posts: 546
  • topics: 8

Posted 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


Edited by mmth, 23 July 2017 - 17:32.

  • 0





Also tagged with one or more of these keywords: widgetkit, yootheme, switcher panel

Click to return to top of page in style!