工具/材料SublimeText
操作方法01、首先打開SublimeText軟件，搭建好頁面，然后引入樣式庫文件，如下圖所示
【JQuery的Autocomplete 插件如何應(yīng)用】02、接下來在script中添加jquery的腳本庫文本，如下圖所示 ， 智能提示的相關(guān)功能都在jquery-ui.min.js文件中
03、然后在body標(biāo)簽中準(zhǔn)備輸入框，如下圖所示，注意給輸入框一個(gè)id屬性，方便定位
04、界面都搭建好以后 ， 就需要準(zhǔn)備數(shù)據(jù)源了，這里為了演示，小編準(zhǔn)備了一個(gè)字符數(shù)組，如下圖所示
05、當(dāng)然在正規(guī)的項(xiàng)目中，數(shù)據(jù)源都是從后臺(tái)獲取的，如下圖所示，通常運(yùn)用ajax從后臺(tái)獲取
06、接下來就是通過autocomplete方法來進(jìn)行智能提示實(shí)例化，如下圖所示，注意傳入數(shù)據(jù)源信息
07、最后我們運(yùn)行程序，你會(huì)在界面中看到如下圖所示的內(nèi)容 ， 當(dāng)你輸入一個(gè)字母以后，它會(huì)給你包含這個(gè)字母的內(nèi)容信息，如下圖所示
推薦閱讀
- 如何注銷掉自己的支付寶帳戶？
- 1分鐘學(xué)會(huì)AutoCAD里面的面域命令
- JAVA編程不得不看的幾本經(jīng)典書籍
- 如何調(diào)節(jié)3DmaxVR渲染中的噪點(diǎn)
- 怎么樣才可以制作出厚重感的字體？
- 怎么更改天正默認(rèn)運(yùn)行的CAD版本
- QQ瀏覽器怎么關(guān)閉通知欄推送的消息
- PS右邊一欄常用的功能不見了
- proteus7.8的基本使用教程
- 怎么找到protues里的電源