[Решено] jQuery плагин на главной странице

[komarekk33]

Здравствуйте.

 

Нужно встроить jQuery плагин в featured.tpl:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('button').click(function() {
jQuery.scrollTo('#target-el');
});
});
</script>

Как это сделать?

 

Заранее спасибо.

[ArtemPitov]

зайти в  featured.tpl и вставить 

[komarekk33]

зайти в  featured.tpl и вставить 

Пробовал – не работает.

 

Может как-то по-особенному вставлять нужно? Подскажите, пожалуйста.

[ArtemPitov]

это скрипт от чего вообще ? какая-то карусель ? 

[komarekk33]

это скрипт от чего вообще ? какая-то карусель ? 

Нет, это скроллинг:

http://xiper.net/collect/js-plugins/effects/scrollto

[ArtemPitov]

Нет, это скроллинг:

http://xiper.net/collect/js-plugins/effects/scrollto

У Вас наверно сам плагин не подключен, проверьте в хедере 

 

 

Не посмотрел что не тот скролл и написал, но тоже может пригодиться 

 

так вы не туда вставляете, данная приблуда вставляется в footer.tpl

$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });

    $('.scrollup').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 600);
        return false;
    });

});

if ($(this).scrollTop() > 100 <= это значения в px через сколько должна появляться кнопка прокрутки, в расчете от низа экрана 

600 <= время скрола в миллисекундах

 

Кнопка <a href="#" class="scrollup">Scroll</a> добавляете тоже же в футер  

 

.scrollup {

    display: none;

   а дальше сами

}

[komarekk33]

У Вас наверно сам плагин не подключен, проверьте в хедере 

 

 

Не посмотрел что не тот скролл и написал, но тоже может пригодиться 

 

так вы не туда вставляете, данная приблуда вставляется в footer.tpl

$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });

    $('.scrollup').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 600);
        return false;
    });

});

if ($(this).scrollTop() > 100 <= это значения в px через сколько должна появляться кнопка прокрутки, в расчете от низа экрана 

600 <= время скрола в миллисекундах

 

Кнопка <a href="#" class="scrollup">Scroll</a> добавляете тоже же в футер  

 

.scrollup {

    display: none;

   а дальше сами

}

 

Вот header.tpl:

 

 

Вот featured.tpl:

 

 

Всё ещё не работает.

[AlexDW]

1) откуда у вас в featured.tpl взялись теги head?!

 

2) подобный код нужно вставлять в конце шаблона

уберите теги head и пробуйте код в конце featured.tpl вставить

 

3) если что-то из кода js не работает - в первую очередь смотрите консоль браузера

[komarekk33]

Обновил jQuery и плагин, переместил код в нижнюю часть документа – всё работает.

 

Спасибо за помощь.