首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery自动完成在Jsfiddle上的工作,但不在页面上。

Jquery自动完成在Jsfiddle上的工作,但不在页面上。
EN

Stack Overflow用户
提问于 2013-12-26 11:40:22
回答 5查看 860关注 0票数 0

我有点小问题。我无法强迫jquery自动完成工作。当我把代码放在弹琴上时,一切都正常。但从我的Visual 2013开始的时候,情况并非如此。

下面是我的代码:

代码语言:javascript
运行
复制
<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>

在这里,你可以看到它在小提琴上:http://jsfiddle.net/8w6fF/

有人能解释我做错了什么吗?

我发现了两个错误:

未定义的ReferenceError: jQuery是未定义的TypeError对象对象,对象没有方法自动完成。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-12-26 12:57:48

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

代码语言:javascript
运行
复制
@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)

它可以在/shared/_布局中找到。

这就是为什么我的代码在处理jsfiddle时不能工作的原因。

票数 0
EN

Stack Overflow用户

发布于 2013-12-26 11:45:34

你不能使用这样的链接

代码语言:javascript
运行
复制
    <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并将其保存在项目中的一个文件夹中,然后将其链接到您的页面..!您使用的选项只适用于使用互联网!

还有你的样式表!

代码语言:javascript
运行
复制
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
票数 1
EN

Stack Overflow用户

发布于 2013-12-26 11:54:00

正如Sajad所指出的,您应该下载jquery和css并保存在一个文件夹中,但是只要您正在使用internet,就可以了。

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

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

所以你的最终代码看起来就像

代码语言:javascript
运行
复制
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20784213

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档