2013-02-08 52 views
-1

沒有方法「的fancybox」我有我的JS控制檯中的錯誤遺漏的類型錯誤:對象#<Object>在WordPress網站

Uncaught TypeError: Object # has no method 'fancybox'

本網站http://www.e-fashion-awards.com/

正如你所看到的,包括我的jQuery上。 fancybox.js jquery.min.js後,我只包括jquery一次(見其他主題)。

這裏是一塊bug的代碼包括js文件包括與電話的fancybox:

<link rel='stylesheet' id='fancybox-css' href='http://www.e-fashion-awards.com/wordpress/wp-content/plugins/fancybox-for-wordpress/fancybox/fancybox.css?ver=3.1.2' type='text/css' media='all' /> 
<script type='text/javascript' src='http://www.e-fashion-awards.com/wordpress/wp-includes/js/l10n.js?ver=20101110'></script> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.1.2'></script> 
<script type='text/javascript' src='http://www.e-fashion-awards.com/wordpress/wp-content/plugins/fancybox-for-wordpress/fancybox/jquery.fancybox.js?ver=1.3.4'></script> 
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.e-fashion-awards.com/wordpress/xmlrpc.php?rsd" /> 
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.e-fashion-awards.com/wordpress/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='E-Fashion Awards &#8211; Concours Jeunes Créateurs' href='http://www.e-fashion-awards.com/' /> 
<meta name="generator" content="WordPress 3.1.2" /> 

<!-- Start Of Script Generated By cforms v11.7.3 [Oliver Seidel | www.deliciousdays.com] --> 
<link rel="stylesheet" type="text/css" href="http://www.e-fashion-awards.com/wordpress/wp-content/plugins/cforms/styling/cforms.css" /> 
<script type="text/javascript" src="http://www.e-fashion-awards.com/wordpress/wp-content/plugins/cforms/js/cforms.js"></script> 
<!-- End Of Script Generated By cforms --> 


<!-- Fancybox for WordPress v3.0.1 --> 
<script type="text/javascript"> 
jQuery(function(){ 

jQuery.fn.getTitle = function() { // Copy the title of every IMG tag and add it to its parent A so that fancybox can show titles 
    var arr = jQuery("a.fancybox"); 
    jQuery.each(arr, function() { 
     var title = jQuery(this).children("img").attr("title"); 
     jQuery(this).attr('title',title); 
    }) 
} 

// Supported file extensions 
var thumbnails = jQuery("a:has(img)").filter(function() { return /(jpe?g|png|gif|bmp)$/i.test(jQuery(this).attr('href')) }); 

thumbnails.addClass("fancybox").attr("rel","fancybox").getTitle(); 

jQuery("a.fancybox").fancybox({ 
    'cyclic': false, 
    'autoScale': true, 
    'padding': 1, 
    'opacity': true, 
    'speedIn': 500, 
    'speedOut': 500, 
    'changeSpeed': 300, 
    'overlayShow': true, 
    'overlayOpacity': "0.8", 
    'overlayColor': "#000000", 
    'titleShow': true, 
    'titlePosition': 'inside', 
    'enableEscapeButton': true, 
    'showCloseButton': false, 
    'showNavArrows': true, 
    'hideOnOverlayClick': true, 
    'hideOnContentClick': true, 
    'width': 560, 
    'height': 340, 
    'transitionIn': "fade", 
    'transitionOut': "fade", 
    'centerOnScroll': true 
}); 

所以,我真的不知道哪兒來我的錯誤...

任何想法?

+1

一旦鏈接消失,這個問題將對未來的用戶沒用。 – 2013-02-08 12:05:41

+0

好的,我會在這裏詳細說明我的問題 – cocoggu 2013-02-08 12:13:26

回答

1

嘗試

if (thumbnails.length>0) thumbnails.fancybox(//... 

$(".fancybox")如果縮略圖對於fancybox不夠好

因爲實際上我沒有看到主頁上的任何圖像的任何鏈接,所以可能是原因

+0

謝謝,但你是什麼意思插件實例化? – cocoggu 2013-02-08 12:22:46

+0

我知道這個文件是一個真正的混亂,但我沒有這樣做,我只需要使它少一些bug ... – cocoggu 2013-02-08 12:23:22

+0

它是當你調用一個插件,你創建該插件的一個實例 – mikakun 2013-02-08 12:41:05

0

我便無法看到你的JS,但這個錯誤看起來像你所呼叫的fancybox這樣:

object.fancybox() 

和正確的方法是:

$(object).fancybox() 
+0

謝謝,但我的電話是這樣的:jQuery(「a.fancybox」)。fancybox({...}); – cocoggu 2013-02-08 12:12:24

相關問題