工具/材料SublimeText
操作方法
- 01首先打开SublimeText软件,搭建好页面,然后引入样式库文件,如下图所示
文章插图
02接下来在script中添加jquery的脚本库文本,如下图所示,智能提示的相关功能都在jquery-ui.min.js文件中
文章插图
03然后在body标签中准备输入框,如下图所示,注意给输入框一个id属性,方便定位
文章插图
04界面都搭建好以后,就需要准备数据源了,这里为了演示,小编准备了一个字符数组,如下图所示
文章插图
05当然在正规的项目中,数据源都是从后台获取的,如下图所示,通常运用ajax从后台获取
文章插图
06接下来就是通过autocomplete方法来进行智能提示实例化,如下图所示,注意传入数据源信息
文章插图
07最后我们运行程序,你会在界面中看到如下图所示的内容,当你输入一个字母以后,它会给你包含这个字母的内容信息,如下图所示
文章插图
【JQuery的Autocomplete 插件如何应用】
- 折回跑的作用是什么 折回跑的技巧
- 滑板运动对身体的好处 滑板初学者怎么练
- 跳绳的注意事项 跳绳的心率应在什么范围
- 跑步时的心率应该维持的范围 跑步对皮肤有改善吗
- 清蒸螃蟹的做法和步骤
- 哪些人不适合吃藜麦
- 喝梅子酒的禁忌
- 小米|小米之家618“人挤人” 卢伟冰:线上优惠线下同享 这就是小米的优势
- 百花果茶功效
- 苹果枸杞水的功效