Jquery 如果用户在文档准备就绪之前悬停,则悬停会导致问题

Jquery 如果用户在文档准备就绪之前悬停,则悬停会导致问题,jquery,hover,jquery-effects,jquery-hover,Jquery,Hover,Jquery Effects,Jquery Hover,除了一个条件外,下面的代码非常有效。如果用户在文档准备就绪之前将鼠标悬停在元素上,则滑块切换将不同步(或反转) 因此,结果是“登录”导航显示在鼠标输出上,悬停时框消失。解决这个问题的简单方法是什么 $("#logged_in_box").hover(function(){ $("#logged_in_nav").stop(true, true).slideToggle("fast"); $(this).addClass("logged_in_

除了一个条件外,下面的代码非常有效。如果用户在文档准备就绪之前将鼠标悬停在元素上,则滑块切换将不同步(或反转)

因此,结果是“登录”导航显示在鼠标输出上,悬停时框消失。解决这个问题的简单方法是什么

   $("#logged_in_box").hover(function(){
            $("#logged_in_nav").stop(true, true).slideToggle("fast");
            $(this).addClass("logged_in_box_hover");
        }, // hover over
        function() {
            $("#logged_in_nav").stop(true, true).slideToggle("fast");
            $(this).removeClass("logged_in_box_hover");
        } // hover out
    ); // hover

不要使用
滑动切换
。改为使用and,以便将方向显式绑定到事件类型

$("#logged_in_box").hover(function(){
        $("#logged_in_nav").stop(true, true).slideDown("fast");
        $(this).addClass("logged_in_box_hover");
    }, // hover over
    function() {
        $("#logged_in_nav").stop(true, true).slideUp("fast");
        $(this).removeClass("logged_in_box_hover");
    } // hover out
); // hover

不要使用
滑动切换
。改为使用and,以便将方向显式绑定到事件类型

$("#logged_in_box").hover(function(){
        $("#logged_in_nav").stop(true, true).slideDown("fast");
        $(this).addClass("logged_in_box_hover");
    }, // hover over
    function() {
        $("#logged_in_nav").stop(true, true).slideUp("fast");
        $(this).removeClass("logged_in_box_hover");
    } // hover out
); // hover