自动完成导致jQuery悬停淡出(演示包括)

问题描述:

演示:http://www.christianbullock.com/so-demo/(我知道这有点生疏)。自动完成导致jQuery悬停淡出(演示包括)

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

将鼠标悬停在蓝色矩形以显示登录面板。它的工作原理与我喜欢的一样,除了双击其中一个输入表单以显示先前输入的用户名之外,通过将鼠标悬停在其中一个建议的用户名上,该面板消失了...... jQuery认为我的鼠标实际上没有离开div。

有没有人遇到过这样的事情?任何人都知道一个修复

谢谢。

+0

包含html和js代码,以便我们找到错误。 – 2010-06-24 13:01:25

那么“自动完成”插件将添加一个<div>来保存完成字符串,我敢肯定它将div添加到<body>内容的末尾。因此,当你将鼠标放在那个<div>上时,你确实在摆脱你自己的形式。

你也许可以让你的处理程序明确地将自动完成<div>视为你的一部分,否则你可能能够“移动”该插件添加到你自己的内存中的<div>

编辑 —如果您的问题从本地浏览器“自动完成”下拉茎(你可能要禁用登录表单无论如何,如果可以,尝试添加一个“自动完成”属性,并将其设置为“false”),那么这里有一种可能性:在淡化表单容器的事件处理程序中,可以检查当前的鼠标位置。如果鼠标位置仍在表单的边框内,则可以忽略“鼠标移出”。

+0

感谢您的回答,尽管当前的方法不使用自动完成“插件”,但它是由浏览器生成的。如果可能的话,我想避免另一个插件,因为我试图避免它膨胀。 @thisMayhem:上面编辑。 – user346594 2010-06-24 13:16:25

+0

哦,我明白了 - 好吧,它仍然可能或多或少是同样的问题。我也会更新我的答案。 – Pointy 2010-06-24 13:26:00

+0

认为我只是要禁用自动填充功能。 谢谢:) – user346594 2010-06-24 13:29:57