1

1つのボタンと1つの入力テキストを持つポップオーバーがあります。このポップオーバーは、特定の画像をクリックするたびに開きます。ポップオーバー内の入力テキストをオートコンプリートにしたいと思います。

これが私が今持っているものです:http://jsfiddle.net/HhpnN/

この入力テキストをimg属性(data-content)で作成したため、jQuery関数が.textDataクラスを認識していないと思います。入力テキストの作成は次のとおりです。

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

1 に答える 1

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 のサイトを参照してください。

于 2013-02-21T21:04:41.330 に答える