jquery
  • twitter-bootstrap
  • jquery-autocomplete
  • textinput
  • popover
  • 2013-02-21 78 views 1 likes 
    1

    我有一個彈出窗口,其中包含一個按鈕和一個輸入文本。無論何時點擊特定圖像,此彈出窗口都會打開。我想讓popover內的輸入文本自動完成。如何在彈出式窗口自動填充中製作輸入文本

    這就是我現在得到:http://jsfiddle.net/HhpnN/

    我覺得我的jQuery的功能是不承認我的.textData類,因爲我創建了一個img屬性(數據內容)這個輸入文本。這裏是輸入文字的創建:

    data-content="<input type='text' class='textData' /> <input type='button' class='btn' value='Save' />" 
    

    回答

    3

    當你說「自動完成」時,你的意思是你想在你輸入時開始填充結果嗎?這就是所謂的Typeahead。您需要用適當的數據元素來更新您輸入的標籤:

    <input type='text' data-provide='typeahead' data-items='4' data-source='[&quot;thisquot;,&quot;is&quot;,&quot;an&quot;,&quot;array&quot;,&quot;or&quot;,&quot;data&quot;]'> 
    

    您還需要提供數據,其對搜索設置。您可以按照以下示例中的內容執行此操作,也可以通過定義源代碼來完成此操作。

    這裏就是你們的榜樣的美國國名的更新,提前鍵入:

    http://jsfiddle.net/dusthaines/HhpnN/3/

    更多在他們的網站上的詳細信息:http://twitter.github.com/bootstrap/javascript.html#typeahead

    +0

    它完美的的jsfiddle,這就是我要做!但是當我將完全相同的代碼複製到我的網頁時,它不起作用。我已經下載了bootstrap-typeahead.js(並添加了以下行:),但沒有做任何事情。當我在彈出窗口之外創建輸入文本時,它正常工作。問題是,當我把它放入popover時。我可以在這裏錯過什麼? – 2013-02-21 22:38:47

    +0

    嗨felipe,不知道問題可能是什麼。也許你的問題現在是CSS相關的?我知道在一些舊版本中,z-index有問題會阻止內容正確顯示。 – dusthaines 2013-02-25 19:00:12

    相關問題