未捕获的引用错误：$未定义错误 [英] Uncaught reference error: $ is not defined error

问题描述

我从一个教程中使用这个代码，使自动推进幻灯片在javascript / jQuery和它的工作奇妙地在jsfiddle。然而，当我把一切都带到Dreamweaver似乎只是停止工作。一切都在那里，我已经链接所有相关的文件（.js和.css）以及jQuery库。由于某种原因，虽然它不会工作。这是代码。

I took this code from a tutorial to make an auto advancing slideshow in javascript/jQuery and it works wonderfully in jsfiddle. However, when I bring everything over into Dreamweaver it seems to just stop working. Everything is there, I've linked all the relevant files (the .js and the .css) as well as the jQuery library. For some reason though it won't work at all. Here's the code.

HTML

<div class="fadeIn">
            <img src="image1.png" height="500" width="800"/>
            <img src="image2.png" height="500" width="800"/>
            <img src="image3.png" height="500" width="800"/>
            <img src="image4.png" height="500" width="800"/>
        </div>

CSS

.fadeIn {
    position: relative;
    width: 800px;
    height: 500px;
}

.fadeIn img {
    position: absolute;
    left:0;
    top:0;
}

Javascript / jQuery

The Javascript/jQuery

$(function(){
    $('.fadeIn img:gt(0)').hide();
    setInterval(function(){
    $('.fadeIn :first-child').fadeOut()
        .next('img').fadeIn()
        .end().appendTo('.fadeIn');
    }, 3000);
});

这是标题

<script src="SlideShow.js" type="text/javascript"></script>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="SlideShow.css">

推荐答案

快速尝试后， 。如果你的外部js文件与你的函数，它依赖于其他JS库，你必须加载该库首先，然后依赖JS文件与您的函数。

After quick try, I managed to reproduce error you mentioned. If you have external js files with your function, which relly on other JS libraries, you have to load that library first, and then dependent JS file with your functions.

例如，这将不起作用：

<script src="slideshow.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

因为，JS解释器搜索$ before甚至加载和定义。

Because, JS interpreter search for $ before is even loaded and defined.

但是，这将工作：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="slideshow.js"></script>

这篇关于未捕获的引用错误：$未定义错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！