JQuery的Autocomplete 外掛如何應用

工具/材料

Sublime Text

操作方法

首先開啟Sublime Text軟體，搭建好頁面，然後引入樣式庫檔案，如下圖所示

接下來在script中新增jquery的指令碼庫文字，如下圖所示，智慧提示的相關功能都在檔案中

然後在body標籤中準備輸入框，如下圖所示，注意給輸入框一個id屬性，方便定位

介面都搭建好以後，就需要準備資料來源了，這裡為了演示，小編準備了一個字元陣列，如下圖所示

當然在正規的專案中，資料來源都是從後臺獲取的，如下圖所示，通常運用ajax從後臺獲取

接下來就是通過autocomplete方法來進行智慧提示例項化，如下圖所示，注意傳入資料來源資訊

最後我們執行程式，你會在介面中看到如下圖所示的內容，當你輸入一個字母以後，它會給你包含這個字母的內容資訊，如下圖所示