Jump to content


Photo
- - - - -

Ссылка На Таб С Комментарии

Started by andreinstruktor , Feb 14 2019 18:06
табы

Best Answer andreinstruktor , 20 February 2019 - 21:30

fiction13, on 19 Feb 2019 - 12:34, said:

 

Ну тогда еще проще.

 

У Вас второй uikit, поэтому вот js

  1. $(document).ready(function() {
  2.     $('.link_comm').on('click', function(event) {
  3.         event.preventDefault();
  4.         
  5.         var tab  = window.location.hash;
  6.  
  7.         $('.tab-container .uk-tab').find('a[href="' + tab + '"]').trigger('click'); // show tab
  8.         UIkit.Utils.scrollToElement($('.tab-container')); // scroll to tab
  9.     });
  10. });

Огромная благодарность.

Заработало, только немного пришлось поправить,

чтобы открылась именно вкладка #tab-comments:

  1. jQuery(document).ready(function() {
  2.     jQuery('.link_comm').on('click', function(event) {
  3.         event.preventDefault();
  4.         
  5.         var tab  = window.location.hash;
  6.  
  7.         jQuery('.tab-container .uk-tab').find('a[href="#tab-comments"]').trigger('click'); // show tab
  8.         UIkit.Utils.scrollToElement(jQuery('.tab-container')); // scroll to tab
  9.     });
  10. });
Go to the full post


19 replies to this topic

#1 andreinstruktor

andreinstruktor
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 67
  • topics: 25

Posted 14 February 2019 - 18:06

Всем доброго времени суток.

 

У меня 2 вопросика по табам с комментариями:

 

1. После отправления коментария (таб "комментарии"),  перекидывает в другой таб. , -  т.е. надпись " Ваш комментарий ожидает модерации."  можно увидеть только, если  нажмешь обратно на таб "комментарии".

 

2. Как с помощью линка стандартного "Comments Link" перекидывало на таб "комментарии" . Сейчас это работает так:

если открыт таб "комментарии" , то тогда все работает отлично (ссылка перекидывает на комментарии );

если открыт другой таб, то ничего не происходит. 

Здесь дан совет, как сделать, но он также работает

http://forum.jbzoo.c... на комментарии

 

Спасибо!


  • 0

#2 radiant

radiant
  • JBZoo User (rus)
  • User rate: 0.9
  • posts: 167
  • topics: 10

Posted 14 February 2019 - 19:34

Проверил у себя


Edited by radiant, 08 February 2021 - 20:34.

  • 0

#3 CB9TOIIIA

CB9TOIIIA
  • Administrators
  • User rate: 230.6
  • posts: 3680
  • topics: 235

Posted 14 February 2019 - 20:51

может проще заменить табы от нонамбера? https://www.regularl...extensions/tabs

 

Там много плюшек + анкоры и прочее


  • 0

 0_a5dfa_59170f8b_orig.png JBZoo чат  / 0_a8adc_9b13e908_orig.png Разработка Joomla расширений и т.д.! / Рекомендую хостинг Joomla
bqMwEWm.png Joomla расширение для Яндекс Турбо и Яндекс Дзен - помощь в настройке  8)      O:-)

#4 andreinstruktor

andreinstruktor
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 67
  • topics: 25

Posted 15 February 2019 - 17:49

CB9TOIIIA, on 14 Feb 2019 - 19:51, said:

может проще заменить табы от нонамбера? https://www.regularl...extensions/tabs

 

Там много плюшек + анкоры и прочее

Нет не вариант. Товаров уже сделали под 200  - переделывать и заполнять заново?

Потом не нашел я там ссылку на открытый таб.


  • 0

#5 fiction13

fiction13
  • JBZoo User (rus)
  • User rate: 272.6
  • posts: 604
  • topics: 23

Posted 15 February 2019 - 18:27

andreinstruktor, on 15 Feb 2019 - 16:49, said:

Нет не вариант. Товаров уже сделали под 200  - переделывать и заполнять заново? Потом не нашел я там ссылку на открытый таб.

Смысла менять табы нет совершенно.

 

Все делается очень просто на js:

  • отслеживается хэш ссылки
  • проверяется наличие блока, на который ссылается хэш
  • программно открывается таб
  • программно страница прокручивается до блока с табами

Edited by fiction13, 15 February 2019 - 18:27.

  • 1

#6 CB9TOIIIA

CB9TOIIIA
  • Administrators
  • User rate: 230.6
  • posts: 3680
  • topics: 235

Posted 15 February 2019 - 21:22

очень просто  :))  (fingers) 


  • 1

 0_a5dfa_59170f8b_orig.png JBZoo чат  / 0_a8adc_9b13e908_orig.png Разработка Joomla расширений и т.д.! / Рекомендую хостинг Joomla
bqMwEWm.png Joomla расширение для Яндекс Турбо и Яндекс Дзен - помощь в настройке  8)      O:-)

#7 fiction13

fiction13
  • JBZoo User (rus)
  • User rate: 272.6
  • posts: 604
  • topics: 23

Posted 16 February 2019 - 08:31

CB9TOIIIA, on 15 Feb 2019 - 20:22, said:

очень просто     

 

Ну серьезно

 

Проверка хэша

  1. var hash = window.location.hash; // #anchor

Проверка наличия блока

  1. if ($(hash).length) {
  2. // do something
  3. }

Открытие UIkit3 Таба

  1. UIkit.tab(ID_ТАБОВ).show(НОМЕР_ТАБА);

Скролл UIkit3

  1. UIkit.scroll('body').scrollTo(ID_ТАБОВ);

Edited by fiction13, 16 February 2019 - 08:37.

  • 3

#8 Станислав

Станислав
  • JBZoo User (rus)
  • User rate: 18
  • posts: 211
  • topics: 7

Posted 18 February 2019 - 10:30

fiction13, on 16 Feb 2019 - 07:31, said:

Ну серьезно

....

Подписался на топик в ожидании вопроса "А куда это надо вставить?"  :))


  • 0

«Ну и зачем все это, лучше бы водки выпили». Из писем Белинского Гоголю.

 

#9 CB9TOIIIA

CB9TOIIIA
  • Administrators
  • User rate: 230.6
  • posts: 3680
  • topics: 235

Posted 18 February 2019 - 10:51

Станислав, on 18 Feb 2019 - 09:30, said:

Подписался на топик в ожидании вопроса "А куда это надо вставить?"  :))

 

Я поэтому и говорю - для тру джумлаводов :))  - проще Табы заменить и поставить от RegularLabs :)


  • 0

 0_a5dfa_59170f8b_orig.png JBZoo чат  / 0_a8adc_9b13e908_orig.png Разработка Joomla расширений и т.д.! / Рекомендую хостинг Joomla
bqMwEWm.png Joomla расширение для Яндекс Турбо и Яндекс Дзен - помощь в настройке  8)      O:-)

#10 fiction13

fiction13
  • JBZoo User (rus)
  • User rate: 272.6
  • posts: 604
  • topics: 23

Posted 18 February 2019 - 11:10

Ох, ребята, ребята...

 

andreinstruktor, on 14 Feb 2019 - 17:06, said:

Всем доброго времени суток.

 

Дайте адрес сайта, где есть ссылка на комментарии из тизера. Напишу Вам маленький скрипт, который откроет нужный таб.


  • 0
Back to Организация каталога и внешний вид



Also tagged with one or more of these keywords: табы

  1. JBZoo Community
  2. → Основной форум JBZoo
  3. → Организация каталога и внешний вид
  4. Privacy Policy
Click to return to top of page in style!