jquery autocomplete无法显示效果

shunzi403566 2011-10-13 11:41:56
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQuery._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script src="JQuery/jquery-1.3.1-vsdoc.js" type="text/javascript"></script>
<script src="JQuery/jquery.autocomplete.js" type="text/javascript"></script>
<link href="JQuery/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var websites = ["Google", "NetEase", "Sohu", "Sina", "Sogou", "Baidu", "Tencent",
"Taobao", "Tom", "Yahoo", "JavaEye", "Csdn", "Alipay"];
$().ready(function() {
$("#website").autocomplete(websites)
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>
<label>Web Site:</label>
<input type="text" id="website" runat="server"/>
<input type="button" id="getvalue" value="Get Value" runat="server"/>
</p>
<div id="content"></div>
</div>
</form>
</body>
</html>




为什么我的代码 没产生效果 而
http://i.laoer.com/jquery-autocomplete-plugin.html
这个网页的第一个例子就可以呢? 我的代码哪里错了吗?
...全文
221 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
消失的尘芥 2011-10-13
  • 打赏
  • 举报
回复
http://topic.csdn.net/u/20110831/22/c303ad53-6393-450c-b019-4ba90aba8a8f.html
shunzi403566 2011-10-13
  • 打赏
  • 举报
回复
OK了 谢谢各位啊 原来问题是我加载的jquery库问题 我原来用的 jquery-1.3.1-vsdoc.js 现在换了一个
jquery-1.6.4.js就可以了 不知道为什么会出现这样的情况 为什么vsdoc这个版本的就不可以
风骑士之怒 2011-10-13
  • 打赏
  • 举报
回复
你的代码没问题,是不是引用路径错了

你直接下载原版,里面有demo

http://jquery.bassistance.de/autocomplete/jquery.autocomplete.zip
风骑士之怒 2011-10-13
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 wknight_it 的回复:]
你没注意执行的顺序,DOM元素未加载完呢

<script type="text/javascript">
$().ready(function() {
var websites = ["Google", "NetEase", "Sohu", "Sina", "Sogou", "Baidu", "Tencent",
"Taobao", "Tom", "Yahoo", "JavaEye",……
[/Quote]
额,看错了,你有写的
风骑士之怒 2011-10-13
  • 打赏
  • 举报
回复
你没注意执行的顺序,DOM元素未加载完呢

<script type="text/javascript">
$().ready(function() {
var websites = ["Google", "NetEase", "Sohu", "Sina", "Sogou", "Baidu", "Tencent",
"Taobao", "Tom", "Yahoo", "JavaEye", "Csdn", "Alipay"];

$("#website").autocomplete(websites);
});
</script>
魂千 2011-10-13
  • 打赏
  • 举报
回复
我的jquery.autocomplete.js

在http://download.csdn.net/download/yw39019724/3224128下载的,你换个试试看
魂千 2011-10-13
  • 打赏
  • 举报
回复
我直接用了你的代码,有效果呀
shunzi403566 2011-10-13
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 wknight_it 的回复:]

jquery.autocomplete.js 是用的哪个版本的

是bassistance.de的吗
[/Quote]
对的 就是应用的他的
风骑士之怒 2011-10-13
  • 打赏
  • 举报
回复
jquery.autocomplete.js 是用的哪个版本的

是bassistance.de的吗
shunzi403566 2011-10-13
  • 打赏
  • 举报
回复
我擦 来个人指导一下啊!
魂千 2011-10-13
  • 打赏
  • 举报
回复
[Quote=引用 9 楼 shunzi403566 的回复:]

OK了 谢谢各位啊 原来问题是我加载的jquery库问题 我原来用的 jquery-1.3.1-vsdoc.js 现在换了一个
jquery-1.6.4.js就可以了 不知道为什么会出现这样的情况 为什么vsdoc这个版本的就不可以
[/Quote]
版本不行就直接换个版本嘛,可能你那个jquery库太旧,某些方法还没有而已,既然问题都解决了,那就快结贴散分吧!!!!!!
风骑士之怒 2011-10-13
  • 打赏
  • 举报
回复
[Quote=引用 9 楼 shunzi403566 的回复:]
OK了 谢谢各位啊 原来问题是我加载的jquery库问题 我原来用的 jquery-1.3.1-vsdoc.js 现在换了一个
jquery-1.6.4.js就可以了 不知道为什么会出现这样的情况 为什么vsdoc这个版本的就不可以
[/Quote]
确实是jquery的版本问题

换成1.4.1就好了
chen_ya_ping 2011-10-13
  • 打赏
  • 举报
回复
firebug调试一下一切ok,
还可以看看具体的例子
书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 书号:978-7-111-32543-7 定价:59.00元 出版社:机械工业出版社华章公司 出版时间:2011年1月 编辑推荐: 内容全面,系统地讲解了jQuery方方面面 实战性强,囊括118个实例和2个综合案例 资深专家亲自执笔,4大专业社区一致鼎力推荐 内容简介: jQuery是继Prototype之后的又一个优秀JavaScript框架,深受全球开发者欢迎,已经成为Web开发领域的事实标准。jQuery以其轻巧的体积、强大的选择器、出色的DOM封装、丰富的插件支持使得广大的Web前端开发者得心应手,极大地提高了他们的开发效率;此外,jQuery中完善的Ajax功能、行为与结构层的分离、可靠的事件处理机制也同样使得Web后端开发者如虎添翼,使用少量代码就可以实现复杂的功能。特别是新版本1.4.x的发布,jQuery在功能和性能方面都有质的提升,极大地满足了广大开发者提出的更高要求。因此,为了提高Web开发的效率和强化Web应用的功能,熟练使用jQuery是Web开发者必备的一种能力。 《jQuery权威指南》由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。 内容新颖,基于jQuery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jQuery技术本身的方方面面,而且还包括与jQuery相关的扩展知识;实战性强,不仅每个知识点都配有完整的小案例,而且还有两个综合性的案例。本书不仅能满足读者系统学习理论知识的需求,还能满足需要充分实践的需求。 全书一共分为11章,首先以示例的方式对jQuery做了全局性的介绍,以便于为读者建立jQuery的大局观,这对初学者尤为重要;其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括需求分析、代码实现和结果展示三部分);再接着对jQuery UI和jQuery实用工具函数等扩展知识,以及jQuery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践中,迅速进入jQuery的殿堂。 作者简介: 陶国荣,资深Web技术专家,有10余年开发经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。醉心于对JavaScript、jQuery和Ajax等Web开发技术的研究与实践,并长期专注于HTML页面的优化与用户体验的研究,在页面框架搭建、数据流向分析、页面静态优化方面拥有丰富的实践经验。此外,他还是微软技术方面的专家,精通C#、ASP.NET 和SQL Server等技术,出版相关著作多部。 媒体推荐: jQuery的发展之迅速和取得的成功之巨大是其他所有开发框架都难以企及的,它已经成为Web开发者必备的核心技能之一。如果你尚未掌握jQuery或功力还不够,推荐你认真阅读这本书并付诸实践,与同类的jQuery图书相比,它有3大优势:内容非常全面,几乎包含jQuery的所有内容;基于jQuery的最新版本撰写,所有新功能特性一览无余;实战性极强,不仅有118个小型案例,而且还有两个综合案例。——jQuery中文社区 jQuery因为使用简单、功能强大、插件丰富而深受Web开发者青睐。《jQuery权威指南》不仅完整地呈现了jQuery本身所有的功能,而且讲解了jQuery UI等扩展功能;更值得一提的是,还包括最佳实践和性能优化方面的技巧,内容全面,结构合理。除此之外,本书还包括大量的实例,不仅每个知识点都配有小例子,而且还有两个综合性的案例。对于初学者而言,本书应该是学习jQuery的首选。——jQuery中文用户组 jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种思路为读者打造的,强烈推荐。——JavaScript开发者社区 jQuery从众多的Ajax框架中脱颖而出,已经成为Web开发领域的事实标准。《jQuery权威指南》除了理论知识丰富而全面外,它还有一个最大的特点就是注重实战,每个知识点都有一个完整的案例,包括需求分析、代码实现和结果展示三个部分,而且还包含两个综合性的案例,它的实践性之强是目前所有同类书都不具备的,恰好这一点又是初学者最需要的。如果能阅读本书并付诸实践,进入jQu

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧