未捕获的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);