的fancybox腳本不工作

我用的fancybox在多個場合，從來沒有遇到這個問題。我已經在頭文件中包含jQuery和Fancybox文件，將第一順序按鈕鏈接到頁面以打開Fancybox中的iframe。然而，我似乎無法讓它工作。它不會打開一個iframe，而是直接進入我試圖在Fancybox iframe中打開的頁面。的fancybox腳本不工作

有人能指出任何再明顯的錯誤，我做了這個可怕的星期一早晨？

測試服務器可以在這裏找到：

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

來源

2011-03-07 Alex Sadler

的錯誤信息是：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。改變這一點，你應該沒問題。

來源

2011-03-07 09:03:28

你是一個很好的幫助，非常感謝 – 2011-03-07 11:13:37

你沒有把你的代碼爲ready處理程序：

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

來源

2011-03-07 08:59:08

試過了，沒有工作 – 2011-03-07 11:10:49

@Alexander「小鹿斑比」薩德勒：嗯，你可以從其他的答案看，這似乎不是唯一的錯誤;）你必須做兩件事！ – 2011-03-07 11:11:50

也許把它的document.ready？

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

來源

2011-03-07 09:03:25

使用此：

jQuery的（文件）。就緒（函數（）{

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

}）;

來源

2014-03-07 23:25:18 user3210452

的fancybox腳本不工作

回答

相關問題