工具/材料
Sublime Text
操作方法
首先開啟Sublime Text軟件,搭建好頁面,然後引入樣式庫檔案,如下圖所示
接下來在script中添加jquery的腳本庫文字,如下圖所示,智能提示的相關功能都在檔案中
然後在body標籤中準備輸入框,如下圖所示,注意給輸入框一個id屬性,方便定位
介面都搭建好以後,就需要準備數據源了,這裏爲了演示,小編準備了一個字元數組,如下圖所示
當然在正規的項目中,數據源都是從後臺獲取的,如下圖所示,通常運用ajax從後臺獲取
接下來就是透過autocomplete方法來進行智能提示實例化,如下圖所示,注意傳入數據源資訊
最後我們執行程序,你會在介面中看到如下圖所示的內容,當你輸入一個字母以後,它會給你包含這個字母的內容資訊,如下圖所示