fancybox - d.onCleanup не является функцией


136

Это сводит меня с ума. Iv'e создал простую тестовую страницу ..

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../admin/UI/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="admin/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#foo").fancybox({
        'autoDimensions':   false,
        'width'         :   '750',
        'height'        :   '90%',
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   true,
        'hideOnOverlayClick' : false
    });
});
</script>
<title>Untitled Document</title>
</head>

<body>
<a href="foo.php" id="foo">test</a>
</body>
</html>

при нажатии на ссылку я получаю `d.onCleanup is not a function!!! Кто-нибудь знает, откуда эта ошибка!

или на распакованной версии:

currentOpts.onCleanup is not a function on fancybox/jquery.fancybox-1.3.4.js Line 324

Ответы:


309

Вы забыли добавить CSS в fancybox. Как только вы включите его, все должно работать нормально.


3
Спасибо. В chrome это выглядело так: Uncaught
TypeError

19
Из любопытства, почему это? Кажется, что это не работает, если все файлы css объединены в один ...
SeanJA

3
Я могу подтвердить, что функция производительности Drupal CSS для объединения / оптимизации пропускной способности приведет к возникновению этой проблемы. Methinks Fancybox нужен лучший способ тестирования на наличие активов.
jschrab

2
@ Джорди, боже мой, этот ответ делает тебя богатым! спасибо за помощь
Кристиан

1
У меня уже были подобные ошибки из-за отсутствия CSS со скриптами JS, но я не ожидал, что это будет проблемой здесь ... Спасибо!
FelipeAls
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.