jquery - CSS 或 JavaScript 导致搜索结果框出现在按键之前

Question

我有一个在多个页面上呈现的表单，它基本上是一个模糊搜索，它会在您键入时(从数据库)填充下拉列表 UL 以及可供选择的结果。功能在那里，但是在“焦点”上出现一个 6px 的空“下拉列表”，没有任何结果。经过检查，它是包含搜索结果 ul 的 div(请参见下面的屏幕截图)。不幸的是，我已经进入这个元素的一半，到目前为止，在有结果填充它之前无法检测到下拉列表是如何或为什么出现的。我检查了所有的类，并检查了 JS 文件。他们都没有创建 6px 的空框，其中一个类实际上将下拉 div 设置为“显示:无”，我猜在应用焦点时它会在某处被覆盖。除了 div 本身的高度为 6px 之外，Chrome 检查器无法向我提供有关导致它的类的任何信息。该站点使用自定义 CSS 样式表、jQuery (1.9) 和 jQuery UI (1.10.2)。

Answer 1

根据您的描述，我认为您正在使用 focus 事件来显示下拉菜单，您应该使用 keydown事件。甚至谷歌也这样做。