blocks|key|3662749|text|脚本总是按顺序运行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3662750|因此，基本上您甚至在加载jQuery库之前就尝试使用jQuery。|3662751|您的脚本依赖于Nivo，而Nivo又依赖于jQuery库。|3662752|加载库后，要么将脚本移动到行，要么将库声明移到头。|3662753|还要确保将脚本包含在DOM+Ready处理程序中。|offset|length|style|CODE|3662754|因此，您应该按以下顺序加载这些|3662755|--+jQuery+
++--+Nivo+Slider
++--+your+script+that+uses+the+above+2+libraries.|code-block|syntax|javascript|3662756|entityMap^0|0|0|0|0|A|9|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@$J|11|K|12|L|M]]|9|@]|A|$]]|$1|N|3|O|5|6|7|13|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|14|8|@]|9|@]|A|$S|T]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

Scripts always run in a sequential order. 

So basically you are trying to use jQuery even before the jQuery library is loaded.

Your script is dependent on Nivo which in turn depends on jQuery library.

Either move the script to the line after the library is loaded, or move the library declaration to the head.

Also make sure you enclose the script inside <code>DOM Ready</code> handler.

So the order in which you should be loading these are

<pre><code>-- jQuery 
 -- Nivo Slider
 -- your script that uses the above 2 libraries.
</code></pre>

blocks|key|2825000|text|参见链接如何添加css和Js文件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2825001|script|offset|length|2825002|可能在JQuery之前，会加载Js文件。|2825003|因此，在加载Jquery文件后添加js文件。|2825004|示例|2825005|wp_enqueue_script("yourjs","yourjspath",array('jquery'),+true);|code-block|syntax|javascript|2825006|entityMap|0|LINK|mutability|MUTABLE|url|http://codex.wordpress.org/Function_Reference/wp_enqueue_script^0|0|0|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|16|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

See The Link How to add css and Js File

<a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script" rel="nofollow">http://codex.wordpress.org/Function_Reference/wp_enqueue_script</a>

Probably Before JQuery,Your Js File Is Loaded.

So add js file after Jquery file is Loaded

Example

<pre><code>wp_enqueue_script("yourjs","yourjspath",array('jquery'), true);
</code></pre>

blocks|key|3662815|text|在Wordpress的最新版本中，这可能是由核心性能改进引起的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3662816|尝试将其放在您的wp.config文件中：|3662817|/**+Absolute+path+to+the+WordPress+directory.+*/
if+(+!defined('ABSPATH')+)
++++define('ABSPATH',+dirname(__FILE__)+.+'/');

define('CONCATENATE_SCRIPTS',+false);|code-block|syntax|javascript|3662818|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In a recent version of Wordpress this can be caused by core performance improvements:

Try placing this in your wp.config file:

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

define('CONCATENATE_SCRIPTS', false);
</code></pre>

blocks|key|205075|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|205076|jQuery(document).ready(function(){
++++jQuery('#wpns_slider').nivoSlider({effect:'random',slices:2,});
});|code-block|syntax|javascript|205077|而不是|205078|jQuery(window).load(function(){
+++++jQuery('#wpns_slider').nivoSlider({effect:'random',slices:2,});
});|205079|$(window).load(function()+{...+})显式绑定到窗口的load事件，您的代码在加载jQuery库之前已经触发。您必须使用DOM+Ready处理程序。|offset|length|style|CODE|BOLD|205080|entityMap^0|0|0|0|0|0|X|1J|6|22|9|22|9|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|X|8|@$M|Y|N|Z|O|P]|$M|10|N|11|O|P]|$M|12|N|13|O|P]|$M|14|N|15|O|Q]]|9|@]|A|$]]|$1|R|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|S|$]]

Use 

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

instead of 

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

<code>$(window).load(function() {... })</code> is explicitly binding to the window's load event, your code has already fired before <code>jQuery</code> library is loaded. You have to use <code>DOM Ready</code> handler.

blocks|key|205260|text|我在WooCommerce中看到了同样的问题，当延迟呈现阻塞Javascript时，有一个WC脚本首先引用了jQuery+(似乎是一个日期选择器脚本设置默认值)--不是我添加的自定义脚本，也不是我所能知道的插件。我的脚本使用jQuery，稍后再来，并且很好，但是在jQuery可用之前，这会在head标记中引用它.而且，只有在未登录时才会发生这种情况。如果你登录了，它就能正常工作，注销，崩溃。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|205261|关闭SG优化器中的延迟Javascript选项似乎解决了这个问题.|offset|length|style|BOLD|205262|entityMap^0|0|0|X|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

I am seeing this same issue with WooCommerce and the Siteground Optimizer when Defer Render Blocking Javascript is on, there is a WC script that references jQuery first (seems to be a date picker script setting defaults) - not a custom script I've added, and not a plugin as far as I can tell. My scripts use jQuery and come later, and are fine, but this references it in the head tag prior to jQuery being available... Also this only happens while NOT logged in. If you're logged in, it works fine, log out, broken.
Turning off the Defer Javascript option in SG Optimizer seems to fix the issue.

I'm trying to put together a Wordpress site with a JQuery slider plugin, but the plugin doesn't display on the page and I always get the above error message.

Despite trying several different fixes suggested in other's posts I still can't seem to fix the above error, including putting the script tag in the 'header.php' file. Any help would be much appreciated - thanks!

Relevant code in 'footer.php' file

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


&lt;/body&gt; 
&lt;/html&gt;
</code></pre>



The Website:<code>http://www.advanceprojects.com.au/</code>

Uncaught ReferenceError: jQuery is not defined

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我试图将一个Wordpress站点和一个JQuery滑块插件放在一起，但是这个插件不会显示在页面上，而且我总是会收到上面的错误消息。尽管尝试了其他文章中建议的几种不同的修复方法，但我仍然无法修复上面的错误，包括将脚本标记放在“header.php”文件中。任何帮助都将不胜感激--谢谢！“”文件中的相关代码  <script type="text/java

问未定义的ReferenceError: jQuery未定义
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未定义的ReferenceError: jQuery未定义EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未定义的ReferenceError: jQuery未定义
EN