Задать вопрос
@ferds
front-end
javascript

Как подружить два jquery на одной странице?

Всем привет.
Задача добавить ОВЛкарусель на сайт.
Добавил.
Не работает.
На странице стоит jQ 1.8.2,
Подключаю другой на замену для ОВЛ, перестала работать галерея, которая находится над каруселью.
Ставлю назад jQ1.8.2 работает фото галерея, не работает овл.
Перепробовал много разных, не помогает.
Можно ли поставить для отдельной секции (для карусели) свой jQ?
спасибо!

<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script>
        $slider = $;
    </script>
    
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>


<script type="text/javascript">
    var owl = $slider('.owl-carousel');
    owl.owlCarousel({
        items:5,
        loop:true,
        margin:50,
        autoplay:true,
        autoplayTimeout:2000,
        autoplayHoverPause:true,
        responsive: {
                320: {
                    items: 2,
                    margin:20
                },
                768: {
                    items: 3
                },
                1241: {
                    items: 5
                }
            }
    });
$slider('.play').on('click',function(){
    owl.trigger('autoplay.play.owl',[2000])
})
$slider('.stop').on('click',function(){
    owl.trigger('autoplay.stop.owl')
})
</script>
  • Вопрос задан
  • 1799 просмотров
7 комментариев
Подписаться 3 Оценить 7 комментариев
Пригласить эксперта
Ответы на вопрос 2
ruFelix
@ruFelix
Предсказание будущего по руке, таро, кофе.
Правильным решением было бы подключить одну версию jQuery и jQuery Migrate Plugin и исправить проблемы о которых он говорит.

Если хотите костылей, можете
или слить в один файл jquery И плагин обернуть их функцией, которую сразу выполнить и проверить внутри неё не объявляется глобальных переменных, вполне вероятно это может заработать
Или другой вариант попроще: пройдите автозаменой по jQuery и плагину, замените там jQuery на myQuery, И подключите то что получилось, ну и соответственно не забывайте про $.noConflict();
Ответ написан
Комментировать
Комментировать
bemdev
@bemdev
ruseller.com/jquery.php?id=61

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $.noConflict();
 jQuery(document).ready(function($) {
   // используем jQuery с $
 });
 // используем другую библиотеку с $
</script>
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Отправка trc20 через API
26 нояб. 2024, в 15:42
30000 руб./за проект
Настроить Google аналитику на сайт
26 нояб. 2024, в 15:28
1 руб./за проект
Создать в формате PLT изображение для режущего плоттера на основе Docx
26 нояб. 2024, в 15:14
1000 руб./за проект
Ещё заказы