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
- 閱讀 ( 667 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章