Bootstrap 3 RC1 中的自动完成 JavaScript 模块在哪里？

Question

正如您所知，Bootstrap RC 1已经发布，我一直在阅读有关这个新框架中所有新功能的信息。但是，请猜猜，typehead已经不在文档中了。是否有人知道这是出于什么原因？

我在谷歌上搜索时发现了这些示例，并且我也在这篇文章中读到他们更改了Bootstrap的Typehead。那么我必须手动添加它还是它已经包含在Bootstrap 3捆绑包中了呢？

是否有人对此有所了解？

- ncubica

---

我也发现了太多的东西消失了，比如导航类、typeahead、受控表单输入宽度、搜索框、子菜单。将类更改为复杂的形式，例如icon-到.glyphicon，span到col-lg-xxxxx？在这方面，我会归功于jquery或google政策，我的意思是要提供足够的向后兼容性，以便人们可以坚持使用你的产品。而不是把你的想法强加给别人，并用这些话来评判：“我们认为这是不必要的”。你凭什么评判。所以这种变化政策更像是微软的东西。他们不断地改变事物，而我们开发人员总是在学习和浪费时间。 该死！ - Asif Ashraf

有人已经将 Typeahead 添加回到 Bootstrap 3 中，详情请查看以下链接：https://github.com/bassjobsen/Bootstrap-3-Typeahead。 - MK Yung

这适用于旧的bootstrap2代码，无需修改。只需在加载bootstrap 3后包含额外的js文件即可。 - giorgio

这个解决了我在http://timschlechter.github.io/bootstrap-tagsinput/examples/ 上的问题。谢谢！ - Lucia

Answer 1

我认为该方法已被Twitter出色的typeahead.js所代替。他们的文档中有一个Bootstrap集成部分，应该会有所帮助。

编辑: Twitter已经删除了集成指南。不清楚这是暂时性的还是永久性的，在Bootstrap 3.0兼容版本发布之前是否会再次发布。但是@drye提供了一个有用的替代方案：http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/。

- ceejayoz

---

以下是官方的废弃通知：http://getbootstrap.com/getting-started/#migration-notes - Jesús Carrera

警告：截至2013年10月24日，typeahead.js已经停滞了3-4个月。希望他们能够再次启动。https://github.com/twitter/typeahead.js/issues/489 - Breiz

@JakeHarding将于明年1月初发布新版本。 - NicoJuicy

集成部分已被移除：https://github.com/twitter/typeahead.js/commit/331cff944d00f1d8e98694fc6f73ab80455bd3be这里有一些指令： http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/ - drye

这里的方法：http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/ 不再适用。 - Cam Tullos

Answer 2

现在Bootstrap 3.0.0最终版已经发布，typeahead已被正式删除。但是，可以使用Twitter的Typeahead(https://github.com/twitter/typeahead.js)代替:

Bootstrap 3 Typeahead示例: http://bootply.com/86571

- Zim

---

Github链接返回404错误。 - User

这绝对是这个问题的最佳答案。我尝试了一下，它完美地解决了问题。 - Rahul Soni

Answer 3

我发现改编 [2014年5月] ;) 对于像我一样通过谷歌搜索仍在寻找正确答案的其他人: https://github.com/bassjobsen/Bootstrap-3-Typeahead 如果您需要使其与我一样与knockout 3一起工作，我将代码从天才Niemeyer（https://dev59.com/cnrZa4cB1Zd3GeqPxw4Q#20503173）适应为可再次工作：

<input type="text" data-bind="value: value, typeahead: {source: your_array}" />

- Nukey

Answer 4

如ceejayoz已经说明，你需要typeahead.js和额外的CSS来与Bootstrap集成。

这是用于Bootstrap 2的。

如果你想让它与Bootstrap 3一起工作，你必须改变.tt-hint类。我把它改成了"display: none;"，因为它叠加得非常可怕。

我还注意到按钮附加项（到输入）不那么好用，因为输入没有正确覆盖。

- Daniel W.

---

这篇文章很有帮助。那个.tt-hint是一个奇怪的弹出窗口，里面有来自输入控件的重复文本。不知道它为什么会在那里。设置display:none真的很有帮助。谢谢。 - Asif Ashraf

Answer 5

是的，在Bootstrap 3中，typeahead已经被弃用了。

但是，typeahead.js还没有准备好适配Bootstrap 3。

解决方案是添加额外的CSS，修复CSS问题：https://github.com/jharding/typeahead.js-bootstrap.css

- optimister

---

使用 tagManager、typeahead 和 bootstrap 3 进行开发。还使用了 Nick P 在 Stack Overflow 上提供的 .twitter-typeahead .tt-hint CSS 类。 - MorioBoncz