JQuery的Autocomplete 插件如何应用
我们用搜索引擎搜索信息的时候，当在搜索框里输入一个字，搜索引擎就会给我们智能的提示相近的信息。那么这种技术是如何实现的呢？其实运用Jquery的Autocomplete插件就可以实现。下面小编给大家分享如何使用这个插件。
东西/材料
Sublime Text
操作方式
-
01
起首打开Sublime Text软件，搭建好页面，然后引入样式库文件，如下图所示
-
02
接下来在script中添加jquery的剧本库文本，如下图所示，智能提醒的相关功能都在jquery-ui.min.js文件中
-
03
然后在body标签中筹办输入框，如下图所示，注重给输入框一个id属性，便利定位
-
04
界面都搭建好今后，就需要筹办数据源了，这里为了演示，小编筹办了一个字符数组，如下图所示
-
05
当然在正规的项目中，数据源都是从后台获取的，如下图所示，凡是运用ajax从后台获取
-
06
接下来就是经由过程autocomplete方式来进行智能提醒实例化，如下图所示，注重传入数据源信息
-
07
最后我们运行法式，你会在界面中看到如下图所示的内容，当你输入一个字母今后，它会给你包含这个字母的内容信息，如下图所示
- End
- 发表于 2018-03-12 00:00
- 阅读 ( 666 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章