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: วัตถุ # <วัตถุ> ไม่มีวิธีการ 'formatMatch' Uncaught TypeError: วัตถุ # <วัตถุ> มีวิธีการไม่ 'onCleanup'
วัลโด

19
เพราะเหตุใดจึงเป็นเช่นนี้ มันดูเหมือนจะไม่ทำงานถ้าไฟล์ css ที่จะรวมกันทั้งหมดเข้าเป็นหนึ่งทั้ง ...
SeanJA

3
ฉันสามารถยืนยันได้ว่าคุณสมบัติการรวม / แบนด์วิดท์การเพิ่มประสิทธิภาพ CSS ของ Drupal จะทำให้เกิดปัญหานี้ขึ้น Methinks Fancybox ต้องการวิธีที่ดีกว่าในการทดสอบการมีอยู่ของสินทรัพย์
jschrab

2
@jordi พระเจ้าของฉันคำตอบนี้ทำให้คุณรวย! ขอบคุณสำหรับความช่วยเหลือ
Kristian

1
ฉันมีข้อบกพร่องที่คล้ายกันแล้วเนื่องจากการขาด CSS กับสคริปต์ JS แต่ไม่ได้คาดหวังว่ามันจะเป็นปัญหาที่นี่ ... ขอบคุณ !!
FelipeAls
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.