Javascript 未捕获引用错误：$未定义

我在尝试创建JQuery图像滑块时收到此错误消息

未捕获引用错误：$未定义

这是我的新编码（请注意，我已将脚本移动到页面的末尾，这是adobe建议的）：

绿色冷成型钢|家用
正文，td，th{
字体系列：塔荷马，日内瓦，无衬线；
字体大小：10px；
颜色：#000；
文本对齐：左对齐；
}
身体{
背景色：#999；
}
a:链接{
颜色：#999；
文字装饰：无；
}
a:参观了{
文字装饰：无；
颜色：#060；
}
a:悬停{
文字装饰：下划线；
颜色：#FFF；
}
a:主动的{
文字装饰：无；
}
h1{
字体大小：14px；
颜色：#060；
}
氢{
字体大小：12px；
颜色：#999；
}
h3{
字体大小：9px；
颜色：#FFF；
}
#下一个{
背景图片：url（Assets/slideshow/r_arrow.png）；
背景重复：无重复；
背景位置：中心；
显示：块；
浮动：对；
高度：500px；
宽度：100px；
位置：相对位置；
z指数：99；
}
#幻灯片包装{
显示：块；
高度：500px；
宽度：1000px；
保证金：自动；
}
#容器{
背景色：#FFC；
显示：块；
浮动：左；
高度：500px；
宽度：1000px；
溢出：自动；
}
#上{
背景图片：url（Assets/slideshow/L_arrow.png）；
背景重复：无重复；
背景位置：中心；
显示：块；
浮动：左；
高度：500px；
宽度：100px；
位置：相对位置；
z指数：99；
}
#滑块{
显示：块；
浮动：左；
高度：500px；
宽度：1000px；
溢出：隐藏；
位置：绝对位置；
}
#导航栏{
显示：块；
高度：50px；
宽度：自动；
位置：相对位置；
垫底：5px；
浮动：无；
垂直对齐：中间对齐；
}


$（函数（）{
$（'#滑块'）。循环（{
fx:‘滚动人’，
速度：“快”，
下一个：“#下一个”，
上一页：“#上一页”
});
});

我的网站（本地）JS文件夹的文件夹路径如下所示： C:\Users\Andrew\Desktop\GCFS\JS

我是一个新的编码世界，但我试图实现的是相当简单的。据我所知，我不需要一个ready函数，javascript应该自动运行。 谢谢你的帮助

来自评论

当我尝试这个方法时，它也失败了

<title>Green Cold-Formed Steel | Home</title> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="JS/jquery.cycle.all.js"></script> 
<script type="text/javascript"> 
 $(function() {  
   $('#slider').cycle({ fx: 'scrollHorz', speed: 'fast', next: '#next', prev: '#prev' });
}); 
</script>

绿色冷成型钢|家
$（函数（）{
$（“#滑块”）.cycle（{fx:'scrollHorz'，speed:'fast'，next:'#next'，prev:'#prev'}）；
}); 

2个问题。

看起来您的jQuery没有正确加载

您通常会看到这个错误

Uncaught ReferenceError:$ is not defined

当jQuery未正确包含在页面中时

尝试使用CDN中的jQuery，它会解决您的问题

替换

<script src="JS/jquery-1.10.1.min.js"></script>

据我所知，在创建div Id时引用了“Slider”

不，不是。如果脚本刚好包含在主体之前，则不能将其包含在就绪处理程序中。但在你的情况下，它存在于你的头部。因此，当脚本开始运行时，

DOM

---

可能存在两个问题：

1） JQuery可能没有正确加载。 你可以用Chrome来测试它。输入$或jQuery以检查它是否正确加载。

2） 这是基于我在一些JQuery.js中的经验，这些JQuery.js将与其他js库捆绑在一起，在这些库中，$将不受支持，您将被迫使用JQuery而不是$ 查看项目中加载的js文件中的以下行

window.jQuery = window.$ = jQuery;

我明白了，使用对我不起作用，但我使用了

下面是我编辑的代码中唯一的部分，它开始对我很好地工作

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

解决方案：

1） 使用Google CDN加载jQuery

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

主要编辑：

错误的原因相当简单：

在加载jquery之前，您已经调用了cycle方法

DOM上的调用周期插件就绪

$(document).ready(function(){
    $('#slider').cycle({ 
        fx:     'scrollHorz', 
        speed:  'fast', 

        next:   '#next', 
        prev:   '#prev' 
    });  
});

作为补充。 如果在.js文件中使用$（Jquery）。 从逻辑上讲，所有lib或框架都应该位于该.js文件之前

<script type="text/javascript" src="jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="app.js"></script>

---

我有这个问题，但原因与上面报告的情况非常不同。 除了我的旧安卓系统（2.2），我的网站在任何地方都能正常工作。

---

结果表明，该设备拒绝了code.jquery.com CDN上的https证书，因此未加载jquery。修复方法是从https-Google-CDN加载JQuery资源（使用上面其他人命名的URL）。

你确定JQuery 1.10就是你认为的那样吗？是的，我正在使用Dreamweaver创建这个网站，所以文件基本上是“链接”的，代码是为我编写的。（1）了解如何使用，以便查看请求

jquery-1.10.1.min.js时是否有错误。（2） 了解如何使用，以便您可以遵循Rag的建议。除非你学会自助，否则这个网站帮不了你：）清除你的浏览器缓存并听从@Sushanth--的建议。它会有用的！！可能重复的哦，所以在尝试你的帮助后，我仍然没有看到积极的结果。。绿色冷成型钢| Home$（函数（）{$（'#滑块'）。循环（{fx:'scrollHorz'，速度：'fast'，下一个：'#下一个'，上一个：'#上一个'）；}）@sushanthYea这只是一堆乱七八糟的代码。。如果您更改了代码，应该修改上面的问题。注释中的代码不起作用的原因可能是您从文件系统进行了测试。当您这样做时，您必须在//ajax….前面有http:。。。。。您应该接受这个答案，因为它是正确的，正如@Rag提到的，我用jquery替换$
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

if(typeof jQuery!=='undefined'){
    console.log('jQuery Loaded');
}
else{
    console.log('not loaded yet');
}

$(document).ready(function(){
    $('#slider').cycle({ 
        fx:     'scrollHorz', 
        speed:  'fast', 

        next:   '#next', 
        prev:   '#prev' 
    });  
});

<script type="text/javascript" src="jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="app.js"></script>