如何在弹出框自动完成中输入文本答案

【问题标题】：How can I make an input text inside an popover autocomplete如何在弹出框自动完成中输入文本
【发布时间】：2013-02-21 20:10:05
【问题描述】：

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

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

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

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

【问题讨论】：

标签： jquery twitter-bootstrap jquery-autocomplete textinput popover

【解决方案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

【讨论】：

它在 jsfiddle 中完美运行，这就是我想要做的！但是当我将完全相同的代码复制到我的网页时，它不起作用..我已经下载了 bootstrap-typeahead.js （并添加了以下行：），但什么也没做。当我在弹出框之外创建输入文本时，它可以正常工作。问题是当我把它放在一个弹出框里时。我在这里可以缺少什么？
嗨，felipe，不确定问题出在哪里。也许您的问题现在与 CSS 相关？我知道在一些旧版本中，z-index 存在问题，导致内容无法正确显示。