2012-11-13 28 views
4

當使用Twitter Bootstrap(example)中的typeahead功能時,當我按TAB鍵並按ENTER鍵時,第一個建議被選中。但是,當用戶不希望使用的建議之一,只有一個達到這個方式是抓取鼠標並點擊提交按鈕。如何更改Bootstrap typehead的選擇行爲

我想只用鍵盤,TAB或向上箭頭似乎都直觀這樣做的方式,但在這兩種情況下,我不能得到引導的默認行爲停止。我嘗試了preventDefault()和stopPropagation()。

回答

10

我解決這個問題的方法是通過使用當前查詢的建議初始化列表。所以當按下輸入或標籤時,查詢被選中。按下箭頭鍵或向上箭頭鍵+輸入一個真實的建議被選中。

這類似於輸入在地址欄的東西時,什麼Chrome並。

+2

注意,ESC不會停止自動完成的行爲,讓你輸入你自己的查詢。 –

+1

我想爲這個偉大的工作,各地給予好評的兩倍。 – Lekhnath

+0

這意味着我們應該按兩次輸入? – user2037696

0

一個老問題,但仍然具有現實意義。您可以通過以下方式刪除它。發現在typeahead.jquery.js文件以下,並註釋掉

items.first().addClass('active')