jquery - 未出现在正确位置的单词的预先输入列表

Question

我一直在使用 Twitter 引导模板，为即将推出的网站测试一些概念，并且一切正常。

现在设计师已经移交了实际的网站，而我在实现基于 Twitter 引导模板的开发网站的一些功能时遇到了麻烦。我目前的主要功能是预输入功能：

http://twitter.github.com/bootstrap/javascript.html#typeahead

Typeahead 正在我的新网站上工作，但单词列表没有出现在输入字段下方 - 它位于右侧，我不确定为什么会这样。您可以在以下输入表单的简化版本中亲自查看：

http://dl.dropbox.com/u/34923164/test.html

如果您开始在第一个输入字段中输入“walking”，您会看到列表出现在右上角 - 我如何将它恢复到输入字段本身下方？

Answer 1

您没有正确导入 Bootstrap 样式表。typeahead 使用下拉类（如您在ul上创建的类中所见），它告诉它正确显示的位置（除其他外）。

如果您不想使用他们的样式，那会更加混乱，但是您基本上可以将所需的信息从课堂中提取出来。最重要的可能是位置类型以及顶部和左侧属性。