jQuery Lookup介紹
jQuery Lookup是一個可重復使用的jQuery插件,用于實現嵌套的自動完成控件。它可以使您的頁面小而緊湊,而不必在用戶界面上顯示額外的interfacility概念或控件。
jQuery Lookup基本用法
使用jQuery Lookup前,需先在頁面中引入jQuery與jQuery Lookup的相關js和css文件。代碼如下:使用jQuery Lookup的基本語法如下:運行以上代碼后,輸入框內區域下拉出現一個可選列表,聯想框內會自動根據輸入值匹配相關結果,點擊選項即可填入輸入框并關閉聯想框。
jQuery Lookup參數說明
jQuery Lookup參數說明如下: url: 數據源地址 width: 聯想框寬度,默認為輸入框寬度 height: 聯想框高度,默認為300px paramName: 請求參數名,默認值為"query" delay: 響應時間間隔,默認為300,單位為毫秒 formatResult: 自定義匹配列表中每個選項的顯示格式,用于高亮匹配關鍵字等操作
總結
jQuery Lookup是一個非常實用的插件,它的使用可以大大提升產品的用戶體驗。掌握了jQuery Lookup的使用方法和參數說明,可以更好地將其應用到實際項目中。
下一篇css加載文本