javascript - Jquery hover -> textfield を含む div の slideDown: オートコンプリートはマウスアウトとして扱われます

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") 内には、テキスト フィールドがあります。問題は次のとおりです。

そのテキストフィールドをダブルクリックすると、オートコンプリートの提案が表示されますが、これは問題ありませんが、オプションの 1 つにマウスオーバーすると、Jquery はそれをマウスアウトとして扱い、スライドダウンされた 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) ;
    }
);