Jquery悬停 - ＆gt;带文本字段的div上的slideDown：自动完成被视为mouseout

Question

我有一个div容器，它会在mouseout上显示另一个div容器/在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) ;
    }
);