Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Помогите подружить Nivo Slider и JCarouselLite (https://javascript.ru/forum/jquery/55240-pomogite-podruzhit-nivo-slider-i-jcarousellite.html)

kznsky 19.04.2015 14:01

Помогите подружить Nivo Slider и JCarouselLite
 
Добрый день.

Пытаюсь использовать на сайте Nivo Slider и jCarouselLite
Если подключаю их по отдельности то все работает.
Как только пытаюсь подключить вместе карусель работать перестает. В консоли выдается ошибка:
TypeError: jQuery.easing[this.easing] is not a function
jquery-1.11.1.js (строка 6920, столбец 22)

JQuery подключаю один раз.
Пробовал JQuery.noConflict(); - у меня не получилось.

Подскажите как их подружить.
Ссылка на сайт: fortis23.ru

рони 19.04.2015 16:56

kznsky,
ищите современные версии плагинов -- один из ваших морально устарел -- ранее с jQuery скажем версия 1.4 требовалось грузить дополнительно jQuery.easing - плагины это использовали -- старый плагин требует эту библиотеку -- но опять новый плагин не будет работать со старыми jQuery и jQuery.easing

kznsky 19.04.2015 21:34

Но почему же тогда если не подключать nivo slider карусель нормально работает?

рони 19.04.2015 22:46

kznsky,
а что странного? карусель значит новее nivo

kznsky 19.04.2015 23:58

По отдельности каждый плагин работает! Вместе не хотят.
Понимаю, что трэш сотворил, но подключив 2 раза разные версии jquery перед подключением каждого плагина, конфликта получилось избежать.

рони 20.04.2015 00:36

kznsky,
:)

рони 20.04.2015 01:16

kznsky,
строка 9 убрать
<script src="js/jquery-1.4.3.min.js" type="text/javascript"></script>

строку 20 перенести в 9 строку
<script src="js/jquery-1.11.1.js" type="text/javascript"></script>

строку 13 убрать
<script type="text/javascript" src="jcarousellite/jquery.easing.1.1.js"></script>


открыть js/main.js находим /* ПЛАВНАЯ ПРОКРУТКА К ЯКОРЮ */ live заменить на on




открыть jcarousellite_1.0.1.min.js
находим строки
ul.animate(animCss == 'left' ? {
                        left: - (curr * g)
                    }
                     : {
                        top: - (curr * g)
                    }, o.speed, o.easing, function () {
                        if (o.afterEnd) o.afterEnd.call(this, vis());
                        b = false
                    });


меняем на
ul.animate(animCss == 'left' ? {
                        left: - (curr * g),
                        easing : o.easing
                    }
                     : {
                        top: - (curr * g),
                        easing : o.easing
                    }, o.speed , function () {
                        if (o.afterEnd) o.afterEnd.call(this, vis());
                        b = false
                    });

если сделать всё аккуратно избавите код от лишнего :)

kznsky 22.04.2015 12:30

рони,
Огромное спасибо за помощь! Очень подробно и понятно. Все получилось.
В main.js live заменить на on это как раз я знал, а вот все остальное, конечно сам бы не нашел.


Часовой пояс GMT +3, время: 08:17.