Fancybox - d.onCleanup ist keine Funktion

136

das macht mich verrückt. Ich habe eine einfache Testseite erstellt.

    <!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>

Wenn ich auf den Link klicke, bekomme ich `d.onCleanup is not a function!!! Weiß jemand, woher dieser Fehler kommt !!

oder auf der entpackten Version:

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

Antworten:

309

Sie haben vergessen, das CSS von Fancybox hinzuzufügen. Sobald Sie es enthalten, sollte alles gut funktionieren.

Jordi
quelle
3
Vielen Dank. Auf Chrome sah dies so aus: Ungefangener TypeError: Objekt # <ein Objekt> hat keine Methode 'formatMatch' Nicht gefangener TypeError: Objekt # <ein Objekt> hat keine Methode 'onCleanup'
waldo
19
Warum ist das aus Neugier? Es scheint nicht zu funktionieren, wenn die CSS-Dateien auch alle zu einer zusammengefasst sind ...
SeanJA
3
Ich kann bestätigen, dass Drupals CSS-Kombinations- / Bandbreitenoptimierungs-Leistungsfunktion dieses Problem verursacht. Methinks Fancybox benötigt eine bessere Möglichkeit, die Existenz von Assets zu testen.
Jschrab
2
@jordi, mein Gott, diese Antwort macht dich reich! Danke für die Hilfe
Kristian
1
Ich hatte bereits ähnliche Fehler aufgrund fehlenden CSS mit JS-Skripten, aber ich hatte nicht erwartet, dass dies hier das Problem sein würde ... Danke !!
FelipeAls