自动完成导致 jQuery 悬停淡出（包括演示）答案

【问题标题】：Autocomplete causes jQuery hover to fade out (Demo included)自动完成导致 jQuery 悬停淡出（包括演示）
【发布时间】：2010-06-24 12:58:35
【问题描述】：

演示：http://www.christianbullock.com/so-demo/（我知道它有点生疏）。

截图：http://i46.tinypic.com/2rh7fgn.png

将鼠标悬停在蓝色矩形上以显示登录面板。它完全按照我的意愿工作，除了如果您双击其中一个输入表单以显示先前输入的用户名，通过将鼠标悬停在建议的用户名之一上，面板就会消失......jQuery认为我的鼠标实际上没有离开 div。

有没有人遇到过这样的事情？有人知道解决办法吗？

谢谢。

【问题讨论】：

包含html和js代码以便我们定位错误。

标签： jquery html hover fadeout autosuggest

【解决方案1】：

好吧，“自动完成”插件将添加一个 <div> 来保存完成字符串，我很确定它会将 div 添加到 <body> 内容的末尾。因此，当您将鼠标移到 <div> 上时，您真的是脱离了自己的形式。

您可以让您的处理程序明确地将自动完成 <div> 视为您的一部分，或者您可以“移动”插件添加到您自己的 <div>。

edit — 如果您的问题源于 native 浏览器“自动完成”下拉菜单（如果可以的话，您可能希望禁用登录表单；尝试添加一个“自动完成”属性并将其设置为“false”），那么这是一种可能性：在淡化表单容器的事件处理程序中，您可以检查当前鼠标位置。如果鼠标位置仍在表单的边界框内，则可以忽略“mouseout”。

【讨论】：

感谢您的回答，虽然当前方法不使用自动完成“插件”，但它是由浏览器生成的。如果可能的话，我想避免使用另一个插件，因为我试图避免它膨胀。 @thisMayhem：在上面编辑。
哦哦，我明白了 - 好吧，它仍然可能或多或少是相同的问题。我也会更新我的答案。
认为我只是要禁用自动完成功能。谢谢:)
OK - 我认为“自动完成”属性实际上可能需要设置为“关闭”而不是“假”；这本身就是一个奇怪的小主题！