1

На этом сайте тренеруюсь делать ленгдин, пытаюсь подрубить fancybox, но пишет ошибку Uncaught TypeError: $(...).fancybox is not a function, никак не могу это исправить... Подключаю так:

<!-- Connect Fancybox.source -->
<script type="text/javascript" src="/landing/fancybox/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="/landing/fancybox/source/fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" href="/landing/fancybox/source/jquery.fancybox.css" type="text/css" media="screen"/>
<!-- Connect Fancybox.helpers -->
<script type="text/javascript" src="/landing/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="/landing/fancybox/source/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript" src="/landing/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<!-- Connect Fancybox.lib -->
<script type="text/javascript" src="/landing/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="/landing/fancybox/lib/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="/landing/fancybox/lib/jquery-1.10.1.min.js"></script>

На этой странице можно увидеть все то о чем я написал. http://www.mebeldarom24.ru/landing/landing.html

1
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галочка напротив выбранного ответа).
    – Mihanik71
    21 июл 2016 в 17:15

2 ответа 2

1

Порядок подключения должен быть такой:

<script type="text/javascript" src="/landing/fancybox/lib/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/landing/fancybox/source/fancybox/jquery.fancybox.js"></script>
<script type="text/javascript" src="/landing/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<script type="text/javascript" src="/landing/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="/landing/fancybox/source/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript" src="/landing/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>

Сначала jquery, потом fancybox, потом все плагины для него. И не подключайте несколько раз jquery

6
  • Смена подключаемых файлов результата не дала, по кнопке "Получить консультацию" так ничего и не отрывается, хотя URL меняется.
    – sidirovich
    20 июл 2016 в 13:42
  • Ошибка пропала?
    – Mihanik71
    20 июл 2016 в 13:43
  • @sidirovich поставьте подключение jquery самым первым
    – Mihanik71
    20 июл 2016 в 13:48
  • поставил как у тебя, ничего не поменялось...
    – sidirovich
    20 июл 2016 в 13:59
  • @sidirovich у Вас файл /landing/fancybox/source/fancybox/jquery.fancybox.js пустой
    – Mihanik71
    20 июл 2016 в 14:03
-1

для понимания прочитай это http://saitsozdanie.ru/modx/pri-ispolzovanii-shopkeeper-oshibka-oshibka-typeerror-fancybox-is-not-a-function.html - ошибка скорее всего в версии jquery

2
  • Хотя по ссылке можно найти ответ на вопрос, лучше указать выдержку ответа здесь, а ссылку приводить в качестве источника. Ответы-ссылки могут стать недействительными в случае изменения страницы, на которую дана ссылка. 5 ноя 2016 в 12:26
  • Пожалуйста, постарайтесь публиковать развернутые ответы содержащие конкретный пример минимального решения, дополняя их ссылкой на источник. Ответы–ссылки (как и комментарии) не добавляют знаний в Рунет. 7 ноя 2016 в 5:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.