javascript - Jquery hover -> slideDown on div with textfield : Autocomplete is treated as mouseout

Question

我有一个 div 容器，它使另一个 div 容器在鼠标悬停时出现/在鼠标移出时消失:

$('#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 并且 slidedowned 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) ;
    }
);