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


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

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

Автор andreinstruktor , Feb 14 2019 18:06
табы

Лучший Ответ andreinstruktor , 20 February 2019 - 21:30

fiction13 сказал(а) 19 Фев 2019 - 12:34:

 

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

 

У Вас второй 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. });
Перейти к сообщению


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

#1 andreinstruktor

andreinstruktor

Отправлено 14 February 2019 - 18:06

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

 

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

 

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

 

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

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

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

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

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

 

Спасибо!


  • 0

#2 radiant

radiant

Отправлено 14 February 2019 - 19:34

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


Сообщение отредактировал radiant: 08 February 2021 - 20:34

  • 0

#3 CB9TOIIIA

CB9TOIIIA

Отправлено 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

Отправлено 15 February 2019 - 17:49

CB9TOIIIA сказал(а) 14 Фев 2019 - 19:51:

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

 

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

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

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


  • 0

#5 fiction13

fiction13

Отправлено 15 February 2019 - 18:27

andreinstruktor сказал(а) 15 Фев 2019 - 16:49:

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

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

 

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

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

Сообщение отредактировал fiction13: 15 February 2019 - 18:27

  • 1

#6 CB9TOIIIA

CB9TOIIIA

Отправлено 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

Отправлено 16 February 2019 - 08:31

CB9TOIIIA сказал(а) 15 Фев 2019 - 20:22:

очень просто     

 

Ну серьезно

 

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

  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_ТАБОВ);

Сообщение отредактировал fiction13: 16 February 2019 - 08:37

  • 3

#8 Станислав

Станислав

Отправлено 18 February 2019 - 10:30

fiction13 сказал(а) 16 Фев 2019 - 07:31:

Ну серьезно

....

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


  • 0

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

 

#9 CB9TOIIIA

CB9TOIIIA

Отправлено 18 February 2019 - 10:51

Станислав сказал(а) 18 Фев 2019 - 09:30:

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

 

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


  • 0

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

#10 fiction13

fiction13

Отправлено 18 February 2019 - 11:10

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

 

andreinstruktor сказал(а) 14 Фев 2019 - 17:06:

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

 

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


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



Темы с аналогичным тегами табы

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