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


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

Якоря для закладок 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

dalwebmaster сказал(а) 20 Июл 2017 - 01:15:

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

 

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

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

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

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


  • 3

#3 dalwebmaster

dalwebmaster

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

mmth сказал(а) 20 Июл 2017 - 02:43:

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

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

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

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


  • 0

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


#4 mmth

mmth

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

dalwebmaster сказал(а) 23 Июл 2017 - 13:16:

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

 

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

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