Javascript 未捕获的 ReferenceError：未定义 jQuery
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/8886614/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-08-24 07:56:01 来源:igfitidea点击:
Uncaught ReferenceError: jQuery is not defined
提问by user1096057
I have implemented some JavaScript on my site but I keep getting the following error messages:
我已经在我的网站上实现了一些 JavaScript，但我不断收到以下错误消息：
Uncaught ReferenceError: jQuery is not defined
未捕获的 ReferenceError：未定义 jQuery
and
和
Uncaught SyntaxError: Unexpected token <
未捕获的语法错误：意外的标记 <
This is the JavaScript that I am using in the header.php:
这是我在 header.php 中使用的 JavaScript：
<script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.scrollTo.js"></script>
<script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.backgroundPosition.js"></script>
<script type="text/javascript" src="/test/wp-content/themes/child/script/scripts.js"></script>
<script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.cycle.lite.js"></script>
<script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.accordian.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#contentGallery').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed">
<header id="branding" role="banner">
<hgroup>
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
<?php
// Check to see if the header image has been removed
$header_image = get_header_image();
if ( ! empty( $header_image ) ) :
?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
<?php
// The header image
// Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( HEADER_IMAGE_WIDTH, HEADER_IMAGE_WIDTH ) ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
else : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
<?php endif; // end check for featured image or standard header ?>
</a>
<?php endif; // end check for removed header image ?>
<nav id="access" role="navigation">
<div id="nav">
<ul>
<li class="end"><a href="#contact" id="navContact" class="goto_contact"></a></li>
<li><a href="#context" id="navContext" class="goto_context"></a></li>
<li><a href="#artScience" id="navArtScience" class="goto_artScience"></a></li>
<li><a href="#home" id="navHome" class="goto_home"></a></li>
</ul>
<div class="clear">
</div>
</div>
<div id="navPointer">
<div id="controlContainer">
<div id="pointer">
</div>
</div>
</div>
</div>
<div id="contentHolder">
<div id="contentGallery">
<img src="Images/Gallery/london.jpg" width="1200" height="550" alt="London" />
<img src="Images/Gallery/singapore.jpg" style="display: none;" width="1200" height="550"
alt="Singapore" />
<img src="Images/Gallery/geneva.jpg" style="display: none;" width="1200" height="550"
alt="Geneva" />
</div>
<div id="contentShadow">
</div>
<div id="content">
<div id="contentScroller">
<div id="home" class="page">
<div class="homeContent">
<span class="homeHeaderText">GMR</span>
<div class="clear">
</div>
<div class="homePageText">
<p> very long text 1
</p>
</div>
</div>
</div>
<div id="artScience" class="page">
<div class="pageContent">
<div id="artSciencePage">
<span class="headerText">About Us</span>
<div class="pageText">
<p>
Insert text here.
</p>
</div>
<table border="0" cellpadding="0" cellspacing="0" class="linkTable">
<tr>
<td valign="middle" height="100%">
<a href="#" id="theArtLnk" class="largeArrow">The Art</a>
</td>
<td valign="middle" height="100%">
<a href="#" id="theScienceLnk" class="largeArrow">The Science</a>
</td>
</tr>
</table>
</div>
<div id="theArtPage" class="closed">
<span class="headerText">The Art</span>
<div class="pageText">
<a href="#" class="acc_trigger">Sensitivity</a>
<div class="acc_container">
<p>very long text 2</p>
</div>
<div class="seperator">
</div>
<a href="#" class="acc_trigger">Creativity</a>
<div class="acc_container">
<p>very long text 3</p>
</div>
<div class="seperator">
</div>
<a href="#" class="acc_trigger">Intuition</a>
<div class="acc_container">
<p>very long text 4</p>
</div>
<div class="seperator">
</div>
<a href="#" class="acc_trigger">Judgment</a>
<div class="acc_container">
<p>very long text 5</p>
</div>
</div>
<a href="#" id="artToScienceLnk" class="largeArrow">The Science</a>
</div>
<div id="theSciencePage" class="closed">
<span class="headerText">The Science</span>
<div class="pageText">
<a href="#" class="acc_trigger_2">Methodology</a>
<div class="acc_container_2">
<p>very long text 6</p>
</div>
<div class="seperator">
</div>
<a href="#" class="acc_trigger_2">Research</a>
<div class="acc_container_2">
<p>very long text 7</p>
</div>
<div class="seperator">
</div>
<a href="#" class="acc_trigger_2">Team Approach</a>
<div class="acc_container_2">
<p>very long text 8</p>
</div>
<div class="seperator">
</div>
<a href="#" class="acc_trigger_2">Sharing Information</a>
<div class="acc_container_2">
<p>very long text 9</p>
</div>
</div>
<a href="#" id="scienceToArtLnk" class="largeArrow">The Art</a>
</div>
</div>
</div>
<div id="context" class="page">
<div class="pageContent">
<span class="headerText">Expertise</span>
<div class="pageText">
<a class="acc_trigger_3" href="#">Expertise</a>
<div class="acc_container">
<p>very long text 10</p>
</div>
<div class="seperator">
</div>
<a class="acc_trigger_3" href="#">Business Context</a>
<div class="acc_container">
<p>very long text 11</p>
</div>
<div class="seperator">
</div>
<a class="acc_trigger_3" href="#">Cultural Context</a>
<div class="acc_container">
<p>very long text 12</p>
</div>
<div class="seperator">
</div>
<a class="acc_trigger_3" href="#">Candidate Context</a>
<div class="acc_container">
<p>very long text 13</p>
</div>
<div class="seperator">
</div>
<a class="acc_trigger_3" href="#">Financial Context</a>
<div class="acc_container">
<p>very long text 14</p>
</div>
<div class="seperator">
</div>
<a class="acc_trigger_3" href="#">Service Context </a>
<div class="acc_container">
<p>very long text 15</p>
</div>
</div>
</div>
</div>
<div id="contact" class="page">
<div class="pageContent">
<span class="headerText">Contact</span>
<div class="pageText">
<h2>
Tel: +44(0)1234 567 890</h2>
<h3>
Email: <a href="mailto:info@info">info@info</a></h3>
</div>
</div>
</div>
</div>
</div>
<h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
<div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
<div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
</nav><!-- #access -->
</header><!-- #branding -->
This is the code I am using in the footer.php:
这是我在 footer.php 中使用的代码：
<div id="footerNav">
<ul>
<li class="start"><a href="#home" class="goto_home">Home</a></li>
<li><a href="#artScience" class="goto_artScience">About Us</a></li>
<li><a href="#context" class="goto_context">Approach</a></li>
<li><a href="#contact" class="goto_contact">Expertise</a></li>
</ul>
</div>
回答by Adam Rackis
jQuery needs to be the firstscript you import. The first script on your page
jQuery 需要是您导入的第一个脚本。您页面上的第一个脚本
<script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.jcarousel.min.js"></script>
appears to be a jQuery plugin, which is likely generating an error since jQuery hasn't been loaded on the page yet.
似乎是一个 jQuery插件，由于 jQuery 尚未加载到页面上，因此可能会产生错误。
回答by Jorge Balleza
you need to put it after wp_head(); Because that loads your jQuery and you need to load jQuery first and then your js
你需要把它放在 wp_head() 之后；因为这会加载您的 jQuery，您需要先加载 jQuery，然后再加载您的 js
回答by HelloWorldNoMore
In my case, the error occurred because I was using the wrong version of jquery.
就我而言，发生错误是因为我使用了错误版本的 jquery。
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
I changed it to:
我把它改成：
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
回答by Kapil Parihar
set this jquery min js
设置这个 jquery min js
script src="http://code.jquery.com/jquery-1.10.1.min.js"
in wp-admin/admin-header.php
在 wp-admin/admin-header.php
回答by Flo
For one, you don't seem to be including jQuery itself in the header but only a bunch of plugins. As for the '<' error, it's impossible to tell without seeing the generated HTML.
首先，您似乎没有在标题中包含 jQuery 本身，而只是包含了一堆插件。至于 '<' 错误，不看生成的 HTML 就无法判断。
