0

我正在尝试让 JQuery UI 自动完成小部件与我的 Rails 应用程序一起使用。在控制器的 .js.coffee 文件中，我有

$ ->
    $('#category_form').autocomplete( {source: category_array} )

当我加载页面并开始在#category_form 字段中输入内容时，会出现自动完成可能性菜单，但如果我尝试使用箭头键浏览它，或者用鼠标单击它，它就会消失。

当我检查页面的 html 时，很明显小部件正在做某事。例如，如果有三种自动完成的可能性，html 看起来像这样

<input id="category_form" name="service[category]" placeholder="Service category..."
size="30" type="text" class="ui-autocomplete-input" autocomplete="off">
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible">
3 results are available, use up and down arrow keys to navigate.
</span>

起初我对 autocomplete="off" 的出现感到震惊，但在线工作示例也是如此。尽管跨度中有消息，但使用向上和向下箭头键只会导致可能性菜单消失。

我一直在寻找一段时间，但我还没有找到其他人有这个确切的问题。谁能帮我弄清楚这里发生了什么？

4

1 回答 1

0

我能够解决这个问题。问题是我的样式表文件夹中有 .css 和 .min.css 文件。我很确定样式规则发生冲突，结果破坏了自动完成小部件。我摆脱了 .css 文件，问题就消失了。希望这将帮助遇到同样问题的任何人。

于 2013-01-09T16:41:32.930 回答