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


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

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

табы

Лучший Ответ 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

#11 andreinstruktor

andreinstruktor

Отправлено 18 February 2019 - 12:00

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

 

 

 

 

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

https://security-clu...-fi-videokamera

 

там full страница 

Прикрепленные изображения

  • Screenshot_1.jpg

Сообщение отредактировал andreinstruktor: 18 February 2019 - 12:02

  • 0

#12 fiction13

fiction13

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

там full страница 

 

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

 

У Вас второй 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
    });
});

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

  • 4

#13 netmannp

netmannp

Отправлено 20 February 2019 - 11:59

 

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

 

У Вас второй 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
    });
});

а если Bootstrap (Twitter)? https://черное-море-...na-svetloj.html

 

Прикрепленные изображения

  • 20.02.jpg

  • 0

#14 fiction13

fiction13

Отправлено 20 February 2019 - 12:24

Что-то типа такого.

$(document).ready(function() {
    $('a[title="Смотреть все фотографии"]').on('click', function(event) {
        event.preventDefault();
        
        var tab  = window.location.hash;
 
        $('.item-tabs .nav-tabs').find('a[href="' + tab + '"]').trigger('click'); // show tab
        $('html, body').animate({
            scrollTop: $('.item-tabs .nav-tabs').offset().top - 70 // header offset
        }, 1000);
    });
});

  • 1

#15 netmannp

netmannp

Отправлено 20 February 2019 - 12:56

 

Что-то типа такого.

$(document).ready(function() {
    $('a[title="Смотреть все фотографии"]').on('click', function(event) {
        event.preventDefault();
        
        var tab  = window.location.hash;
 
        $('.item-tabs .nav-tabs').find('a[href="' + tab + '"]').trigger('click'); // show tab
        $('html, body').animate({
            scrollTop: $('.item-tabs .nav-tabs').offset().top - 70 // header offset
        }, 1000);
    });
});

спасибо добрый человек  буду пробовать как и куда правильнее будет это вставить?


  • -1

#16 fiction13

fiction13

Отправлено 20 February 2019 - 13:28

спасибо добрый человек  буду пробовать как и куда правильнее будет это вставить?

Там, куда в Вашем шаблоне можно вставить кастомный js код. Это Вам лучше узнать в доках шаблона или у его разработчиков.


  • 0

#17 netmannp

netmannp

Отправлено 20 February 2019 - 13:31

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

а Вы злой и надменный человек  :)


  • 0

#18 netmannp

netmannp

Отправлено 20 February 2019 - 13:37

Там, куда в Вашем шаблоне можно вставить кастомный js код. Это Вам лучше узнать в доках шаблона или у его разработчиков.

ещё раз спасибо за помощь  я как раз так и попробовал через кастомный js код шаблона... но это не сработало потому и спросил куда  можно по другому

 

PS. извините если кого ранит моя не компетентность


  • 0

#19 Станислав

Станислав

Отправлено 20 February 2019 - 13:51

 Вы злой и надменный человек   :)

 

 

 

Ну почему же. Я белый и пушистый, просто вопросы"А куда мне вставить JS?" или "Люди добрые, памажыте с CSS" вызывают у меня бурю эмоций, которые я могу успокоить только лёгким сарказмом ;) Я знаю одного товарища, который, кстати, завсегдатай этого форума, который почти десяток лет не может освоить CSS. У него просто не выключается станок по штампованию сайтов на Joomla, и по его словам "У меня нет времени этим заниматься". В итоге он тратит много часов в поисках подходящих по расцветочке шаблонов, вместо того чтобы поменять пару строк в CSS. Такие дела...

 

P.S. Попробуйте вставить код в Before Body шаблона.


  • 0

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

 


#20 andreinstruktor

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
    });
});

  • 1





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

Click to return to top of page in style!