为什么我的jQuery代码可以在jsfiddle上运行，而不能在Dreamweaver或浏览器上运行呢？
为什么我的jQuery代码可以在jsfiddle上运行，而不能在Dreamweaver或浏览器上运行呢？
提问于 2014-09-17 17:45:13
我的jQuery代码可以在jsfiddle上运行，但不能在Dreamweaver上运行，也不能在浏览器上运行？这是我在JSfiddle上的代码链接，下面是我的代码。请帮我检查一下是否有什么东西不见了？http://jsfiddle.net/sbmp3apz/6/
HTML：
<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
<script type="text/javascript" src="script2.js"></script>
<meta charset="utf-8">
<title>lab1</title>
</head>
<body>
pick your fruit:
<input type="text" id="newfruit">
<br>
<h1> Fruit Shelf:</h1>
<div id="div1">
<ol id="fruits"></ol>
</div>
<h1>Basket:</h1
<ol id="basket"></ol>
<button>add fruit</button>
</body>
</html>联署材料：
var fruitslist = ["pear", "apple", "peach", "grapes", "strawberry", "melon"];
$( document ).ready(function() {
$.each(fruitslist, function(){
$("<li>").text(this).appendTo("#fruits");
});
$('button').click(function () {
var ipt = $("#newfruit").val();
if(fruitslist.indexOf(ipt) > -1){
$("<li>").text(ipt).appendTo("#basket");
fruitslist = $.grep(fruitslist, function(value){
return value != ipt;
});
$("#fruits > li").filter(function(){
return $(this).text() === ipt;
}).remove();
}
});
});回答 3
Stack Overflow用户
回答已采纳
发布于 2014-09-17 18:14:42
有三件事需要注意：
- 必须在页面上加载jQuery。如下所示：
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> - jQuery库位置必须在脚本之前加载。
- 您的代码必须使用
$(function (){})包装，或者在DOM加载后加载代码。
Stack Overflow用户
发布于 2014-09-17 18:00:14
在您自己的脚本之前，您没有将JQuery框架(依赖项)链接到头中：
将这一行添加到html代码中，直接放在head标记下面和您自己的脚本之前：
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>注释您不再需要HTML5脚本标记中的“type”属性了
Stack Overflow用户
发布于 2014-09-17 18:16:28
示例代码中有一个打开的标记。
您的示例代码(仅第21行)：
<h1>Basket:</h1应该是
<h1>Basket:</h1>在您的JSFiddle示例中，它似乎已关闭。希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25902930
复制相关文章
相似问题
javascript可以在jsfiddle上运行，但不能在我的浏览器上运行
jQuery可以在JSFiddle上运行，但不能在本地运行
代码可以在JSfiddle上运行，但不能在我的网站上运行
代码可以在jsfiddle上运行，但不能在我的网站上运行
jQuery脚本可以在jsfiddle上运行，但不能在我的站点上运行？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
