Скрипт Fancybox не работает

Question

Я использовал Fancybox несколько раз и никогда не сталкивался с этой проблемой.Я включил в шапку файлы jQuery и Fancybox, связал кнопку первого порядка со страницей, чтобы открыть iframe в Fancybox.Однако я не могу заставить его работать.Он не открывает iframe и вместо этого идет прямо к странице, которую я пытался открыть внутри iframe Fancybox.

Может ли кто-нибудь указать на какую-то ослепительно очевидную ошибку, которую я совершил этим ужасным утром понедельника?

Сервер тестирования можно найти здесь:

http://www.designti.me/testing/flipstick/original.php

Answer 1

Сообщение об ошибке: Uncaught TypeError: Object #<an Object> has no method 'fancybox'

Что означает, что fancybox не загружен. При внимательном рассмотрении вашего источника мы видим <script type="text/x-ecmascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>, который, как вы можете видеть, использует x-ecmascript вместо javascript Измени это, и у тебя все будет хорошо.

Answer 2

Вы не поместили свой код в обработчик ready:

$(function() {                   // <-- you need this
    $("a.iframe").fancybox({ 
        //...
    });
});                              // <-- and this

Answer 3

Используйте это:

jQuery (документ) .ready (function () {

      jQuery("a.iframe").fancybox({
        'type' : 'iframe',  //<--missing comma here
        'width':750,
        'height':500  //<-- removed last comma here
    });

});

Answer 4

Может быть, положить его в document.ready?

$(document).ready(function() {
    $("a.iframe").fancybox({
         'width' : '75%',
         'height' : '75%',
         'autoScale' : false,
         'transitionIn' : 'none',
         'transitionOut' : 'none',
         'type' : 'iframe'
    });       
});