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

时间:2010-06-24 12:58:35

标签: jquery html hover fadeout autosuggest

演示:http://www.christianbullock.com/so-demo/(我知道它有点生锈)。

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

将鼠标悬停在蓝色矩形上以显示登录面板。它完全符合我的喜好,除了双击其中一个输入表单以显示以前输入的用户名,通过将鼠标悬停在其中一个建议的用户名上,面板逐渐消失... jQuery认为当它实际上没有时,我的鼠标离开了div。

以前有人遇到过这样的事吗?有人知道修复吗?

感谢。

1 个答案:

答案 0 :(得分:1)

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

您可以让处理程序明确将自动填充<div>视为您的一部分,否则您可能会将插件添加到您自己的<div>“移动”。

编辑 - 如果您的问题源于原生浏览器“自动填充”下拉列表(如果可以的话,您可能要为登录表单禁用它;如果可以;请尝试添加一个“自动完成”属性,并将其设置为“假”),然后这是一种可能性:在淡化您的表单容器的事件处理程序中,您可以检查当前鼠标位置。如果鼠标位置仍在表单的边界框内,则可以忽略“mouseout”。

相关问题