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


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

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

табы

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

 

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

 

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

$(document).ready(function() {
    $('.link_comm').on('click', function(event) {
        event.preventDefault();
        
        var tab  = window.location.hash;

        $('.tab-container .uk-tab').find('a[href="' + tab + '"]').trigger('click'); // show tab
        UIkit.Utils.scrollToElement($('.tab-container')); // scroll to tab
    });
});

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

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

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

jQuery(document).ready(function() {
    jQuery('.link_comm').on('click', function(event) {
        event.preventDefault();
        
        var tab  = window.location.hash;
 
        jQuery('.tab-container .uk-tab').find('a[href="#tab-comments"]').trigger('click'); // show tab
        UIkit.Utils.scrollToElement(jQuery('.tab-container')); // scroll to tab
    });
});
Перейти к сообщению


Сообщений в теме: 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

#4 andreinstruktor

andreinstruktor

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

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

 

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

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

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


  • 0

#5 fiction13

fiction13

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

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

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

 

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

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

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

  • 1

#6 CB9TOIIIA

CB9TOIIIA

Отправлено 15 February 2019 - 21:22

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


  • 1

#7 fiction13

fiction13

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

очень просто     

 

Ну серьезно

 

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

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

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

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

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

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

Скролл UIkit3

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

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

  • 3

#8 Станислав

Станислав

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

Ну серьезно

....

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


  • 0

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

 


#9 CB9TOIIIA

CB9TOIIIA

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

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

 

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


  • 0

#10 fiction13

fiction13

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

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

 

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

 

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


  • 0





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

Click to return to top of page in style!