如何使popover中的输入文本自动完成

Question

我有一个popover，它有一个按钮和一个输入文本。每当我点击一个特定的图像时，这个弹出窗口就会打开。我想让popover中的输入文本自动完成。

以下是我现在得到的：http://jsfiddle.net/HhpnN/

我认为我的jQuery函数无法识别我的.textData类，因为我在img属性（数据内容）中创建了这个输入文本。以下是输入文本创建：

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

Answer 1

当您说"自动完成"时，您的意思是希望结果在您键入时开始填充吗？这就是所谓的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