0

我正在使用 jquery 自动完成插件(http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/),它在 Firefox 中很好,但我在 chrome 中遇到问题。出现的选项列表比一次显示的要长,因此侧面有一个滚动条。使用滚动条滚动列表后,当您在列表外部单击时,列表不再关闭。

我对此感到困惑 - 谁能告诉我如何修复它甚至诊断它为什么没有关闭?

欢呼,最大

编辑 - 在此页面上的自动完成演示中可以看到同样的问题:http: //jquery.bassistance.de/autocomplete/demo/

这两种情况都使用 Chrome(Linux 中的 6.0.472.62 beta,但在 Windows 中也可以看到)。

案例 1 - 正常工作:在第一个输入中键入“a”。看到列表出现。将鼠标向下移动到“Adelphi”。将鼠标横向移出列表 - “Adelphi”仍应突出显示。单击页面的空白部分 - 列表将消失。

案例 1 - 损坏:在第一个输入中键入“a”。看到列表出现。向下滚动列表,直到“阿姆斯特丹”可见。将鼠标向下移动到“阿姆斯特丹”,使其突出显示(但不要单击它)。将鼠标横向移出列表 - “阿姆斯特丹”仍应突出显示。单击页面的空白部分 - 列表不会消失。这是我遇到的问题。

4

1 回答 1

0

一方面,即使我使用 Chrome css 编辑器将输入大小设置为,插件的演示也能正常工作。50px没有水平滚动。
不过,如果我必须找到解决方法,我会看到所有选项。

  1. formatItem在处理程序中使用 javascript 截断结果:http: //docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions
  2. 通过 css 设置列表属性:类似于body > .ac_results > ul > li {overflow: hidden}
于 2010-10-07T15:40:52.743 回答