Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
N1keo
1 / 1 / 1
Регистрация: 23.11.2013
Сообщений: 59
#1

Две разные версии jQuery - jQuery

23.06.2015, 02:16. Просмотров 2522. Ответов 16
Метки нет (Все метки)

Доброго времени суток.
Ситуация такая, подключено 2 разные версии jquery, одна локально для плагина fancyBox

Javascript
1
<script src="js/fancybox/jquery-1.3.2.min.js"></script>
другая для плавного скроллинга подключенная с удалённого сервера.

Javascript
1
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Сначала подключил fancyBox чтоб открывались картинки в модальном окне - всё работало.
Как подключил более новее библиотеку для скроллинга пишет в консоле :

Uncaught TypeError: $ is not a function

Как я понимаю по новее перекрывает старую и они не работают вместе.
Как быть? что делать?
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.06.2015, 02:16
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Две разные версии jQuery (jQuery):

Цикл, две картинки и две кнопки. JQuery
Как создать файл 3.html и добавить два рисунка, невидимые при загрузке...

FlexiGrid и версии jQuery
Здравствуйте, помогите разобраться. использую bootstrap, соответственно...

Скрипт не поддерживает jQuery версии 1.12.4
Не поддерживает jQuery версии 1.12.4 а на 1.7.1 работает! Я в скриптах очень...

На новой версии jQuery не работает самописный скрипт
после перехода на более новую версию самописный скрипт перестал работать ...

Плагин не работает на новой версии jQuery, что делать?
Добрый вечер. Столкнулся с такой проблемой: один из плагинов...

Две разные библиотеки
Добрый день! Есть сайт, но котором используется jquery, а сейчас надо натянуть...

16
alexsamos33
617 / 597 / 326
Регистрация: 26.04.2014
Сообщений: 1,968
23.06.2015, 07:22 #2
Подключить какую-то одну версию,
Или использовать jQuery.noConflict() .
0
N1keo
1 / 1 / 1
Регистрация: 23.11.2013
Сообщений: 59
23.06.2015, 12:46  [ТС] #3
С утра пытаюсь исправить всё с помощью jQuery.noConflict() но ничего не выходит(
Может кто то сделает именно для моей ситуации скрипт?((
0
JokerNN
133 / 129 / 56
Регистрация: 29.12.2011
Сообщений: 359
23.06.2015, 13:05 #4
Так код покажите
Цитата Сообщение от N1keo Посмотреть сообщение
Uncaught TypeError: $ is not a function
Значит что вы вообще jQuery не подключали
0
N1keo
1 / 1 / 1
Регистрация: 23.11.2013
Сообщений: 59
23.06.2015, 13:21  [ТС] #5
Подключение fancybox
HTML5
1
2
3
4
5
  <link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox.css" media="screen" />
    <script src="js/fancybox/jquery-1.3.2.min.js"></script>
    <script src="js/fancybox/jquery.easing.1.3.js"></script>
    <script src="js/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
    <script src="js/fancy.js"></script>
Подключение скролла

HTML5
1
2
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="js/scroll.js"></script>
скрипт в scroll.js
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
 
    $("#menu").on("click","a", function (event) {
 
        event.preventDefault();
 
        var id  = $(this).attr('href'),
 
            top = $(id).offset().top;
 
        $('body,html').animate({scrollTop: top}, 1000);
 
    });
});

скрин:

http://upload.akusherstvo.ru/thumbs/809486.png
0
alexsamos33
617 / 597 / 326
Регистрация: 26.04.2014
Сообщений: 1,968
23.06.2015, 13:23 #6
HTML5
1
* * <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Вот этот скрипт нужно подключать самым первым, до подключения всех скриптов.
0
N1keo
1 / 1 / 1
Регистрация: 23.11.2013
Сообщений: 59
23.06.2015, 13:27  [ТС] #7
Поставил его самым первым:
На оборот стало теперь, теперь scroll.js не работает а fancybox работает

Uncaught TypeError: $(...).on is not a function scroll.js
0
alexsamos33
617 / 597 / 326
Регистрация: 26.04.2014
Сообщений: 1,968
23.06.2015, 13:30 #8
Цитата Сообщение от N1keo Посмотреть сообщение
Поставил его самым первым:
На оборот стало теперь, теперь scroll.js не работает а fancybox работает

Uncaught TypeError: $(...).on is not a function scroll.js
Такого неможет быть. Значит всё таки scroll.js подключается раньше jq.
0
N1keo
1 / 1 / 1
Регистрация: 23.11.2013
Сообщений: 59
23.06.2015, 13:32  [ТС] #9
Так будет проще для тех у кого есть время и желание взглянуть:

http://dropmefiles.com/bSzWA

Опуститесь ниже к заголовку OUR WORK, откройте консоль и попробуйте нажать на картинки (Железная дорога, воздушный шар и т.д.), там пишет ошибки.
0
JokerNN
133 / 129 / 56
Регистрация: 29.12.2011
Сообщений: 359
23.06.2015, 14:07 #10
Да и так всё понятно, вам надо использовать noConflict, но не так как вы использовали а до document ready.
Не знаю что у Вас в scroll.js, но по идее может помочь так
HTML5
1
2
3
4
5
6
7
8
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox.css" media="screen" />
    <script src="js/fancybox/jquery-1.3.2.min.js"></script>
    <script src="js/fancybox/jquery.easing.1.3.js"></script>
    <script src="js/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
    <script src="js/fancy.js"></script>
    <script type="text/javascript">$.noConflict();</script>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="js/scroll.js"></script>
0
N1keo
1 / 1 / 1
Регистрация: 23.11.2013
Сообщений: 59
23.06.2015, 14:10  [ТС] #11
JokkerNN
выше есть содержимое scroll.js
делал так, не помогло.
Даже сейчас, копировал-->заменил, не помогло(((
0
JokerNN
133 / 129 / 56
Регистрация: 29.12.2011
Сообщений: 359
23.06.2015, 14:24 #12
Я не буду качать ничего, если вы в песочницу выложите это всё - будет куда удобнее.
plunkr.co например попробуйте.
Ещё вам надо в одном из своих скриптов юзать не доллар, а jQuery. (в fancy.js)
0
N1keo
1 / 1 / 1
Регистрация: 23.11.2013
Сообщений: 59
23.06.2015, 14:39  [ТС] #13
в script.js скроллинг

остальное думаю понятно

http://plnkr.co/edit/N66Erj7yLZPXtEe8JjRr?p=catalogue
0
Lazy_Den
2916 / 2596 / 1308
Регистрация: 15.01.2014
Сообщений: 5,694
23.06.2015, 14:45 #14
Лучший ответ Сообщение было отмечено N1keo как решение

Решение

$.noConflict() - никак не поможет в разных версиях jQuery, т.к. этот метод всего лишь освобождает переменную $, для избежания конфликта имён, ведь в каких-то сторонних библиотеках, так же эта переменная часто задействована. А для решения проблем с версиями jQuery, используется плагин jQuery Migrate.

Добавлено через 5 минут
N1keo, И ближе к вашему вопросу. Убираете версию jQuery 1.3.2 и забываете напрочь о существовании версий ниже 1.8.x (а лучше и 1.9.x). Подключаете новую версию FancyBox, а не ту, что изжила себя. Если каких-то еще ошибок нет, то всё должно работать нормально.
1
JokerNN
133 / 129 / 56
Регистрация: 29.12.2011
Сообщений: 359
23.06.2015, 14:52 #15
$.noConflict() - никак не поможет в разных версиях jQuery, т.к. этот метод всего лишь освобождает переменную $
Почему нет? Одну версию можно через jQuery юзать, а другую через $.
Но с migrate, согласен, будет куда правильней, я совсем забыл про него
0
N1keo
1 / 1 / 1
Регистрация: 23.11.2013
Сообщений: 59
23.06.2015, 15:10  [ТС] #16
Lazy_Den всё работает, теперь и плавный скроллинг есть и картинки открываются в модальном окне.
и библиотеки не конфликтуют.

Но, при каждом клике на картинку она открывается в самом верху сайта а не над картинкой(
0
Lazy_Den
2916 / 2596 / 1308
Регистрация: 15.01.2014
Сообщений: 5,694
23.06.2015, 15:14 #17
Цитата Сообщение от N1keo Посмотреть сообщение
Но, при каждом клике на картинку она открывается в самом верху сайта а не над картинкой
Это уже копайте настройки fancybox.
0
23.06.2015, 15:14
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.06.2015, 15:14
Привет! Вот еще темы с решениями:

Две разные переменные в событии onclick
Приветствую! Ребят, такая проблема... Искал искал в инете так и не нашел... ...

Jquery объединить две функции
Задача следующая в зависимости от выбранного времени и даты выводить данные из...

Две jQuery-галереи на странице конфликтуют
Доброго времени суток! Разместил на странице две галереи jQuery - fancybox и...

Две одинаковые галереи Jquery на одной страничке
На одной страничке разместила две одинаковые галереи Jquery, обе работают, но...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru