За последние 24 часа нас посетили 18560 программистов и 1686 роботов. Сейчас ищут 1603 программиста ...

Конфликт библиотек jquery

Тема в разделе "JavaScript и AJAX", создана пользователем Alex-2, 26 мар 2017.

  1. Alex-2

    Alex-2 Новичок

    С нами с:
    20 фев 2017
    Сообщения:
    17
    Симпатии:
    0
    Здравствуйте!

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

    Конфликтует слайдер и модальное окно

    Модальное окно:
    HTML:
    1. <script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script>
    2.     <script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script>
    3.     <script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>
    4. <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css" media="screen" />
    5. <script type="text/javascript" src="fancybox/fancy.js"></script>
    Слайдер:
    Код (Javascript):
    1. <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
    2. <script type="text/javascript" src="../js/mobilyslider.js"></script>
    3. <script type="text/javascript" src="../js/script.js"></script>
    4. <script type="text/javascript">
    5. $(function(){
    6.     $('#slider3').mobilyslider({
    7.        transition: 'fade',
    8.        animationSpeed: 800,
    9.        autoplay: true,
    10.        bullets: true,
    11.        arrowsHide: false,
    12.        pauseOnHover: true
    13.     });
    14. });
    15. </script>
    Вот страничка - http://www.hvatay-skidku.ru/cards/1.html
    Модальное окно должно выскакивать при нажатии на синюю ссылку "КЛИК"

    Можно ли как-то избавиться от конфликта этих библиотек?
    Одно без другого работает, а вот вместе они не работают(
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Может один jquery подключить, по свежее 1.12
     
  3. Alex-2

    Alex-2 Новичок

    С нами с:
    20 фев 2017
    Сообщения:
    17
    Симпатии:
    0
    Удалить эти два:
    <script type="text/javascript"src="fancybox/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>

    И оставить только 1.12?
     
  4. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    @Alex-2 попробуй, но похоже что библиотека fancybox не расширила jquery
     
  5. Alex-2

    Alex-2 Новичок

    С нами с:
    20 фев 2017
    Сообщения:
    17
    Симпатии:
    0
    Скачал с http://jquery.com последнюю версию - jquery-3.2.0.

    Подключил её вместо этих двух:
    <script type="text/javascript"src="fancybox/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>

    Работает только слайдер, а fancybox не работает(

    А нельзя как-то по-другому убрать этот конфликт?
    Я слышал о "jquery noconflict", но не понял куда его прописать нужно.
    Это может помочь?