Скрипт jQuery загружен, но выдает ошибку «undefined»

Question

Я использую плагин http://fancyapps.com jQuery Fancybox v2.Мне потребовалось некоторое время, чтобы увидеть ошибку, но вот она.

Я знаю только, как отлаживать «постепенно» или «шаг за шагом» в Google Chrome, поэтому в Chrome откройте инструменты разработчика и выберитевкладка СЦЕНАРИИ.Оттуда выберите «Приостановить необработанные исключения» здесь (http://drm.st/ELqh),, затем нажмите на одну из миниатюр в левом верхнем углу этой страницы: http://dreamstartest.net/#!/gallery/ (сайт в разработке).

ЭтиЯ должен загрузить связанные изображения из модального всплывающего окна Fancybox, однако оно выдает ошибку Fancybox is not defined. Что меня действительно удивляет, так это то, что на вкладке RESOURCES Chrome Dev Tools не отображаются скрипты, которые не удалось загрузить. Так почему же функция не определена?Буду очень признателен за любые идеи, это убивает меня часами.

Answer 1

В вашем файле scripts у вас есть эта функция (строка 25):

$("#content a[rel=video_box], a.video-box, a.fancybox").live('click', function(){
 fancybox({
 'hideOnContentClick': false,
 overlayShow: true,
 showNavArrows: true
 });
});

Ошибка, которую вы получаете, потому что строка

fancybox({

должно быть

$.fancybox({

Однако вы также должны учитывать, что, поскольку вы используете Fancybox v2.x, нет необходимости использовать метод .live().Кроме того, вы используете jQuery v1.7.x, где .live() устарел.

Другое дело, что вы используете опции API fancybox для v1.3.x.Ознакомьтесь с документацией для fancybox v2.x, поскольку параметры являются новыми и несовместимыми с предыдущими версиями.

Ваша функция, обновленная до v2.x, должна работать лучше, например:

$("#content a[rel=video_box], a.video-box, a.fancybox").fancybox({
 closeClick: false,
 arrows: true
});

Answer 2

Похоже, что jQuery загружается дважды, один раз перед Fancybox и один раз после. Второй раз он загружается плагином - mp3-iplayer. Я бы удалил первую ссылку на jQuery из API Google, загрузил плагин mp3-iplayer, затем Fancybox