未捕獲的ReferenceError：未定義jQuery

Question

我試圖將一個帶有JQuery滑塊插件的Wordpress網站放在一起，但插件不顯示在頁面上，我總是得到上述錯誤消息。

儘管嘗試了幾個不同的修復建議在其他的帖子我仍然無法修復上述錯誤，包括將腳本標記放在'header.php'文件中。任何幫助將不勝感激 - 謝謝！

在 'footer.php' 文件

相關代碼

<!--Load JQuery--> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 


</body> 
</html> 

網站：http://www.advanceprojects.com.au/

Answer 1

使用

jQuery(document).ready(function(){ 
    jQuery('#wpns_slider').nivoSlider({effect:'random',slices:2,}); 
}); 

代替鄰˚F

jQuery(window).load(function(){ 
    jQuery('#wpns_slider').nivoSlider({effect:'random',slices:2,}); 
}); 

$(window).load(function() {... })明確地結合到窗口的Load事件，被載入jQuery庫之前，你的代碼已經被解僱。您必須使用DOM Ready處理程序。

Answer 2

腳本始終按順序運行。

所以基本上你正試圖在jQuery庫加載之前使用jQuery。

您的腳本依賴於Nivo，而Nivo依賴於jQuery庫。

在加載庫之後將腳本移動到行，或者將庫聲明移動到頭部。

還請確保您將腳本放在DOM Ready處理程序中。

這樣的順序，你應該加載這些

-- jQuery 
    -- Nivo Slider 
    -- your script that uses the above 2 libraries. 

Answer 3

看到該鏈接如何添加CSS和JS文件

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

可能的JQuery之前，你的JS文件被加載。

所以添加的js文件jQuery的文件被加載

例

wp_enqueue_script("yourjs","yourjspath",array('jquery'), true); 

Answer 4

後，在最新版本的WordPress的，這可以通過核心性能方面的改進所致：

嘗試在你的wp將本.config文件：

/** Absolute path to the WordPress directory. */ 
if (!defined('ABSPATH')) 
    define('ABSPATH', dirname(__FILE__) . '/'); 

define('CONCATENATE_SCRIPTS', false);