jquery autocomplete插件 - 选项列表在滚动后不会关闭 - 仅限Chrome

时间:2010-10-07 15:28:26

标签: jquery jquery-autocomplete

我正在使用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”。看到列表出现。向下滚动列表直到“阿姆斯特丹”可见。将鼠标向下移动到“阿姆斯特丹”,使其突出显示(但不要单击它)。将鼠标移到列表中 - “阿姆斯特丹”仍应突出显示。单击页面的空白部分 - 列表将消失。这是我遇到的问题。

1 个答案:

答案 0 :(得分:0)

首先,即使我使用Chrome css编辑器将输入大小设置为50pxplugin's demo也能正常工作。没有水平滚动。
不过,如果我必须找到解决方法,我会看到整个选项。

  1. 使用formatItem处理程序中的javascript截断结果:http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions
  2. 通过css设置列表属性:类似body > .ac_results > ul > li {overflow: hidden}