自動補全(autocomplete),是一個可以減少用戶輸入完整信息的UI 工具。一般在
輸入郵箱、搜索關鍵字等,然后提取出相應完整字符串供用戶選擇。
一.調用autocomplete()方法
$('#email').autocomplete({ source : ['aaa@163.com', 'bbb@163.com', 'ccc@163.com'], }); 二.修改autocomplete()樣式
由于autocomplete()方法是彈窗,然后鼠標懸停的樣式。通過Firebug 想獲取到
懸停時背景的樣式,可以直接通過jquery.ui.css 里面找相應的CSS。
//無須修改ui 里的CSS,直接用style.css 替代掉 .ui-menu-item a.ui-state-focus { background:url(../img/xxx.png); } 三.autocomplete()方法的屬性
自動補全方法有兩種形式:1.autocomplete(options),options 是以對象鍵值對
的形式傳參,每個鍵值對表示一個選項;2.autocomplete('action', param),action
是操作對話框方法的字符串,param 則是options 的某個選項。
| 屬性 | 默認值/類型 | 說明 |
| disabled | false/布爾值 | 設置為true,將禁止顯示自動補全。 |
| source | 無/數組 | 指定數據源,可以是本地的,也可以是遠程的。 |
| minLength | 1/數值 | 默認為1,觸發補全列表最少輸入字符數。 |
| delay | 300/數值 | 默認為300 毫秒,延遲顯示設置。 |
| autoFocus | false/布爾值 | 設置為true 時,第一個項目會自動被選定。 |
$('#email').autocomplete({ source : ['aaa@163.com', 'bbb@163.com', 'ccc@163.com'], disabled : false, minLength : 2, delay : 50, autoFocus : true, });
| 屬性 | 默認值/類型 | 說明 |
| position | 無/對象 | 使用對象的鍵值對賦值,有兩個屬性:my 和at
學習交流
熱門圖片
猜你喜歡的新聞
新聞熱點 2024-04-27 13:35:46
2024-04-27 13:33:47
2024-04-24 22:53:44
2024-04-23 19:32:50
2024-04-23 19:25:50
2024-04-23 19:13:19
疑難解答 |



















