Открытие вкладок по якорным ссылкам в Oxygen

hook, javascript, jQuery, Oxygen, wordpress

Чтобы разрешить хеш-ссылки (hash links) для открытия вкладок (tabs) в Oxygen нужно проделать следующее. Так как по умолчанию это не работает.

Нужно для таба прописать JS код, это делается так:

Выделяется нужный tab;
Заходим в Advanced > Javascript и вставляем код который ниже;
Добавляем ссылку в нужном месте (на любой странице) с якорем (хеш), примерно <a href="/flats/#_tab-168-235">.

var hash = window.location.hash.substr(1);
   
if (hash == '%%ELEMENT_ID%%') {
  setTimeout(function(){
    
  jQuery([document.documentElement, document.body]).animate({
  scrollTop: jQuery('#' + '%%ELEMENT_ID%%').offset().top - 100
  }, 1000);
    
  jQuery('#' + '%%ELEMENT_ID%%').trigger('click');
  },1000);
}

var hash = window.location.hash.substr(1);

if (hash == '%%ELEMENT_ID%%') {

setTimeout(function(){

jQuery([document.documentElement, document.body]).animate({

scrollTop: jQuery('#' + '%%ELEMENT_ID%%').offset().top - 100

}, 1000);

jQuery('#' + '%%ELEMENT_ID%%').trigger('click');

},1000);

}

Решение взято тут: https://gist.github.com/wplit/0cc261359e17e7cb9140fb56b2412e47#file-tab-element-js

elmagaz.ru

Открытие вкладок по якорным ссылкам в Oxygen

Добавить комментарий Отменить ответ

Открытие вкладок по якорным ссылкам в Oxygen

Добавить комментарий Отменить ответ

Задать вопрос

Заказать сайт за 1000 руб.