为什么我的jQuery代码可以在JSFIDLE上运行，而不能在Dreamweaver或浏览器上运行？

我的jQuery代码可以在JSFIDLE上运行，但不能在Dreamweaver或浏览器上运行？ 这里是指向我在JSFIDLE上的代码的链接，下面是我的代码。 请帮我检查一下是否丢失了什么东西？

HTML:

lab1
挑选你的水果：


水果架：
篮子：-1）{
$（“
”）.text（ipt）.appendTo（“#basket”）；
水果列表=$.grep（水果列表，函数（值）{
返回值！=ipt；
});
$（“#fruits>li”）.filter（函数（）{
返回$（this）.text（）==ipt；
}).remove（）；
}
});
});

您没有在自己的脚本之前在头部链接JQuery框架（依赖项）：

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

将这一行直接添加到head标记下方的html代码中，然后添加到您自己的脚本之前：

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

---

注意HTML5中的脚本标记不再需要“type”属性

有三件事需要注意：

必须在页面上加载jQuery。像这样：

jQuery库位置必须在脚本加载之前加载

必须使用

$（函数（）{}）

包装代码，或者在加载DOM后加载代码

---

在示例代码中有一个open标记

您的示例代码（仅第21行）：

---

Basket：是否包含jquery源文件？在文档中移动单击操作。ready@hjpotter92是的，我included@karthikr我试过了，但在浏览器控制台中没有出现错误？您在JSFIDLE中使用了Jquery 2.x edge，但是您在自己的代码中引用了1.11.1，正如您在上面的代码中看到的，我添加了jquery源代码…它仍然无法工作…您的浏览器设置是什么？默认情况下允许运行本地javascript文件吗？在浏览器中运行本地副本，按f12、屏幕截图或发布任何错误。未定义UncaughtReferenceError:$，这是唯一的错误，但它意味着jquery文件未链接，但我包含了源代码
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

<h1>Basket:</h1

<h1>Basket:</h1>