javascript - Jquery hover - > slideDown on div with textfield：自动完成被视为鼠标悬停

Question

我有一个 div 容器，它使另一个 div 容器出现在 mouseover 上/在 mouseout 上消失：

$('#my-escada').hover( 
    function() {  
        $(".login-popdown").stop(true,true).slideDown(500) ; 
    },
    function() { 
        $(".login-popdown").stop(true,true).slideUp(300) ;                     
    }
);  

在出现的 div 容器 (class="login-popdown") 中是一个文本字段。问题如下：

当我双击该文本字段时，会显示自动完成建议，这很好，但是当我将鼠标悬停在其中一个选项上时，Jquery 将其视为 mouseout 并且向下滑动的 div 消失。

这个问题有解决方案吗？

谢谢！

Answer 1

尝试这个：

$('#my-escada').mousenter( 
    function() {  
        $(".login-popdown").stop(true,true).slideDown(500) ; 
    }
 );
 $('#my-escada').mouseleave(
    function() { 
        $(".login-popdown").stop(true,true).slideUp(300) ;
    }
);