JQuery的Autocomplete 插件如何应用
时间:2017-11-09 09:54:21 魔新豆网
工具/材料
Sublime Text
操作方法
首先打开Sublime Text软件,搭建好页面,然后引入样式库文件,如下图所示
接下来在script中添加jquery的脚本库文本,如下图所示,智能提示的相关功能都在jquery-ui.min.js文件中
然后在body标签中准备输入框,如下图所示,注意给输入框一个id属性,方便定位
界面都搭建好以后,就需要准备数据源了,这里为了演示,专家准备了一个字符数组,如下图所示
当然在正规的项目中,数据源都是从后台获取的,如下图所示,通常运用ajax从后台获取
接下来就是通过autocomplete方法来进行智能提示实例化,如下图所示,注意传入数据源信息
最后我们运行程序,你会在界面中看到如下图所示的内容,当你输入一个字母以后,它会给你包含这个字母的内容信息,如下图所示
本文标签:
读过此篇文章的网友还读过:
- 3D Studio MAX中流体插件glu3D使用方法介绍
- cad怎么利用坐标标注插件快速进行坐标标注?
- HoverNotifications插件推荐: 可改变iPad的通知横幅显示方式
- Nagios插件超长位置头远程缓冲区溢出漏洞
- 各种在线客服插件的安装使用注意事项
- 一款好的SEO插件应具备哪些特质?附推荐
- 网站博客WordPress插件MailPoet存漏洞 或致网站被黑
- Linux系统Vim编辑器如何安装YouCompleteMe插件?
- 在Linux系统中为Firefox安装最新版flash插件的方法
- Ubuntu 11.04 手动安装flash插件方法
- Mail.app增强插件:Universal Mailer介绍
- 盘点下那些为O2O运营带来方便的插件