JavaScript未捕获引用错误：未定义jQuery；未捕获引用错误：$未定义
这是我的小提琴 它在我的小提琴里很好用 然而，当我将它转移到dreamweaver时，它无法工作。我在编码中发现了这两个错误JavaScript未捕获引用错误：未定义jQuery；未捕获引用错误：$未定义,jquery,jquery-ui,referenceerror,Jquery,Jquery Ui,Referenceerror,这是我的小提琴 它在我的小提琴里很好用 然而，当我将它转移到dreamweaver时，它无法工作。我在编码中发现了这两个错误 未捕获引用错误：未定义jQuery 未定义未捕获引用错误$ 我之前读过与这两个错误相关的文章，并试图按照提供的方法解决，但是，它仍然不起作用，我如何解决这个问题 这是我在dreamweaver中的完整编码 <body> <div class="buttons" style="background-color: rgba(0,0,0,.8);"&g
<body>
<div class="buttons" style="background-color: rgba(0,0,0,.8);">
<a class="button" id="showdiv1">Div 1</a>
<a class="button" id="showdiv2">Div 2</a>
<a class="button" id="showdiv3">Div 3</a>
<a class="button" id="showdiv4">Div 4</a>
</div>
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
</div>
<script language="JavaScript" type="text/javascript" script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script language="JavaScript" type="text/javascript">
var selectedEffect="explode";
var options = { percent: 100 };
$('#showdiv1').click(function () {
$('div[id^=div]').hide();
$('#div1').show( selectedEffect, options, 500, callback );
});
$('#showdiv2').click(function () {
$('div[id^=div]').hide();
$('#div2').show( selectedEffect, options, 500, callback );
});
$('#showdiv3').click(function () {
$('div[id^=div]').hide();
$('#div3').show( selectedEffect, options, 500, callback );
});
$('#showdiv4').click(function () {
$('div[id^=div]').hide();
$('#div4').show( selectedEffect, options, 500, callback );
});
function callback() {
setTimeout(function() {
$( "#effect:visible" ).removeAttr( "style" ).fadeOut();
}, 1000 );
};
</script>
</body>
</html>
第一组
第2组
第3组
第4组
1.
2.
3.
4.
var selectedEffect=“explode”；
变量选项={百分比：100}；
$（'#showdiv1'）。单击（函数（）{
$（'div[id^=div]'）。hide（）；
$（'#div1'）.show（selectedEffect，options，500，callback）；
});
$（'#showdiv2'）。单击（函数（）{
$（'div[id^=div]'）。hide（）；
$（'#div2'）.show（selectedEffect，options，500，callback）；
});
$（'#showdiv3'）。单击（函数（）{
$（'div[id^=div]'）。hide（）；
$（'#div3'）.show（selectedEffect，options，500，callback）；
});
$（'#showdiv4'）。单击（函数（）{
$（'div[id^=div]'）。hide（）；
$（'#div4'）.show（selectedEffect，options，500，callback）；
});
函数回调（）{
setTimeout（函数（）{
$（“#效果：可见”）.removeAttr（“样式”）.fadeOut（）；
}, 1000 );
};
.按钮{
光标：指针；
显示：内联块；
利润率：10px；
剪辑：rect（自动，自动，自动，自动）；
}
#第一组{
背景：水；
填充：20px；
宽度：100px；
文本对齐：居中；
显示：无；
}
#第二组{
背景：蓝色；
填充：20px；
宽度：100px；
文本对齐：居中；
显示：无；
}
#第三组{
背景：橙色；
填充：20px；
宽度：100px；
文本对齐：居中；
显示：无；
}
#第四组{
背景：绿色；
填充：20px；
宽度：100px；
文本对齐：居中；
显示：无；
}
a{
颜色：浅绿色；
-webkit过滤器：灰度（1.0）；
}
a:悬停{
颜色：红色；
-webkit过滤器：灰度（0.0）；
}
首先，您需要包括jQuery库→ 然后是UI
<script src="path/to/your/jquery.min.js"></script>
<script src="path/to/your/jquery.ui.min.js"></script>
您没有包括jquery库。在jsfiddle中，它已经存在了。只要把这一行写在你的头上就行了
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
您的脚本标记构造有错误，这是：
<script language="JavaScript" type="text/javascript" script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script language="JavaScript" type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
你在脚本标签中间有一个“脚本”字丢失了。 您还应该删除http://以让浏览器决定是使用http还是HTTPS
更新 但您的主要错误是您正在包括jQuery UI（仅限于），您必须首先包括jQuery！ jQueryUI和jQuery一起使用，而不是单独使用。jqueryui依赖于jQuery。 您应该将此行放在jQuery UI之前：<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<代码> >在加载代码jQuery UI代码的 < /Cord>标签的中间有一个杂散的<代码>脚本/>代码。额外的属性不做任何事情，协议相对URL仅仅是一种精确。不要使用相对协议。@user2864740这是一个不错的选择，直到您使用http和更高版本的https的站点，突然浏览器阻塞了您的http资源（jquery）。@JoãoPinho这是一个不错的选择；如果/当它出现时，那将是另一个问题。（有些人可能会争辩说，一个资源只能是HTTP或HTTPS，而不能两者兼有。）@j08691-hum。。。为什么呢？您是否认为您的7200rpm硬盘比通过我的千兆家庭网络连接的web缓存文件快？！：）非常感谢~它的工作~！谢谢你救了我一天亲爱的（Y）LOL我一直认为UI是jquery导入的，想知道为什么我一直得到这个错误。仔细阅读文件名我面临着同样的问题，正如你所说（Roko），我已经按照相同的顺序排列了url（先是jquery，然后是jquery ui），但是使用了Google CDN，它工作得非常完美<代码> https://developers.google.com/speed/libraries/<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>