Javascript jqueryautocomplete可以在Jsfiddle上工作，但不能在页面上工作

我没什么问题。我不能强迫jquery自动完成工作。当我将代码放在JSFIDLE上时，一切都正常。但从我的VisualStudio2013开始，它就没有了

下面是我的代码：

<input id="seed_one" type="text" name="seed_one" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
        $("#seed_one").autocomplete({ source: data });
    });
</script>

$（文档）.ready（函数（）{
var数据=[“波士顿凯尔特人队”、“芝加哥公牛队”、“迈阿密热队”、“奥兰多魔术队”、“亚特兰大老鹰队”、“费城76人队”、“纽约尼克斯队”、“印第安纳步行者队”、“夏洛特山猫队”、“密尔沃基雄鹿队”、“底特律活塞队”、“新泽西网队”、“多伦多猛龙队”、“华盛顿奇才队”、“克利夫兰骑士队”]；
$（“#seed_one”）.autocomplete（{来源：data}）；
});

在这里，您可以在JSFIDLE上看到它：

谁能解释我做错了什么

我得到了两个错误：

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

---

未捕获的TypeError对象[object object]没有自动完成的方法。

u不能使用这样的链接

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>

您必须下载jquery并将其保存在项目中的文件夹中，然后将其链接到您的页面。。！！您使用的选项仅适用于使用internet

还有你的样式表

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

---

u不能使用这样的链接

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>

您必须下载jquery并将其保存在项目中的文件夹中，然后将其链接到您的页面。。！！您使用的选项仅适用于使用internet

还有你的样式表

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

---

正如萨贾德指出的那样，你应该下载jquery和css并保存在一个文件夹中，但只要你使用互联网就可以了

代码的主要问题是您使用的是旧版本的jQueryUI

使用-

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.js

所以最终的代码看起来像

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>

---

正如萨贾德指出的那样，你应该下载jquery和css并保存在一个文件夹中，但只要你使用互联网就可以了

代码的主要问题是您使用的是旧版本的jQueryUI

使用-

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.js

所以最终的代码看起来像

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>

---

我在本地浏览器上尝试了该代码-

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

我非常确定您没有包括“jquery ui.js”，这就是您无法观察相同结果的原因

---

包括“jquery ui.js”源代码，我100%确信您的页面可以正常工作：）

我在本地浏览器上尝试了该代码-

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

我非常确定您没有包括“jquery ui.js”，这就是您无法观察相同结果的原因

---

包括“jquery ui.js”源代码，我100%确信您的页面能够正常工作：）

在JSFIDLE中，您使用的是jquery ui版本1.9.2，但在本地，您使用的是版本1.8.9。请尝试使用最新版本。希望这能奏效。

在JSFIDLE中，您使用的是jQueryUI版本1.9.2，但在本地，您使用的是版本1.8.9。请尝试使用最新版本。希望这能奏效。

好的，我找到了解决办法。 VS MVC5使用Jquery的include添加自己的行，并用以下代码覆盖我的include：

@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)

可在/shared/\u布局中找到

这就是为什么我的代码在使用JSFIDLE时无法工作。

好的，我找到了解决方案。 VS MVC5使用Jquery的include添加自己的行，并用以下代码覆盖我的include：

@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)

可在/shared/\u布局中找到

---

这就是为什么我的代码在使用JSFIDLE时无法工作。

对我来说工作正常，请尝试在刷新页面中运行对我来说工作正常，请尝试在刷新页面中运行