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

时间:2012-07-31 11:58:03

标签: jquery html css forms typeahead

我一直在玩Twitter引导程序模板,为即将推出的网站测试一些概念,一切都运行良好。

现在设计师已经移交了实际的网站,我在基于Twitter引导程序模板实现我的开发网站的一些功能时遇到了麻烦。我目前的主要功能是先行功能:

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

Typeahead正在我的新网站上工作,但是单词列表没有出现在输入字段下方 - 它向右移动,我不确定为什么会这样。您可以在以下简单版本的输入表单中看到这一点:

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

如果你开始在第一个输入字段中输入“walking”,你会看到列表显示在右上角 - 我如何在输入字段下找回它?

1 个答案:

答案 0 :(得分:1)

您没有正确导入Bootstrap样式表。 typeahead使用下拉列表类(正如您在 ul 上创建的类中所看到的那样),它告诉它在哪里正确显示(除其他外)。

如果你不想使用他们的造型,那会更加令人困惑,但你基本上可以从课堂上获得所需的信息。最重要的可能是位置类型和顶部属性。