2012-12-12 26 views
1

我試圖實現responsiveSlides插件上的一個WordPress主題。我已經獲得了必要的css,jquery和javascript文件,並且按照下面的順序,並且沒有其他的jquery/javascript插件。遺漏的類型錯誤:沒有方法「responsiveSlides」

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<link rel="stylesheet" href="<?bloginfo('template_directory'); ?>/responsiveslides.css" /> 
<script src="<?bloginfo('template_directory'); ?>/responsiveslides.min.js" type="text/javascript"></script> 

然後我包括腳本標籤調用該函數啓動幻燈片,但得到的錯誤

<script> 
$(function() { 

    $("#slider").responsiveSlides({ 
    maxwidth: 800, 
    speed: 50 
    }); 

}); 

Uncaught TypeError: Object [object Object] has no method 'responsiveSlides'

我取代「responsiveSlides」與「隱藏」測試如果jQuery的工作,它確實。看起來,我已經鏈接了所有必要的文件(responsiveSlides.min.js ...等),如瀏覽器開發工具中所示,並按照正確的順序。不完全確定爲什麼這不起作用。如果你可以提供任何指針,非常感謝。

+0

你說你有所有鏈接必要的文件,但你確定的路徑是正確的?您可以使用開發者工具或「查看頁面源代碼」來確保網址返回實際內容嗎? – Ian

+0

是的,我已檢查和js文件加載並返回實際的文件。除非文件本身已經過時/損壞,否則這似乎不是問題。 – Poyi

+0

你確定嗎?這通常是這個錯誤的問題 - 插件沒有實際加載,因爲它被遺忘或URL拼寫錯誤。你如何檢查以查看文件是否返回實際內容? – Ian

回答

3

請嘗試以下

(function ($) { 

    $("#slider").responsiveSlides({ 
    maxwidth: 800, 
    speed: 50 
    }); 

})(jQuery); 
+2

不知道爲什麼,這是downvoted。如果與'$'發生衝突,這將起作用;即另一個庫正在使用該變量。 – mpen

+0

@Mark我知道,可能這是根本原因。 –

+0

這是我見過的關於jQuery wiki上的jQuery插件開發頁面推薦的方式。尼斯。 –

相關問題