二级菜单延迟隐藏

最近碰到一个需求，因为在IE8下，左侧2级导航因为滚动条挡住3级菜单，导致不能选中

思索了下，参考QQ的头像简介功能写了个延迟操作，解决了这个问题

 

    var timer = null;
    $(".xj-third-li").hover(function(){
        clearTimeout(timer);
        $(this).find(".xj-third-nav").show();
        $(this).addClass("xj-third-li-hover");
    },function(){
         var self = $(this);
         timer = setTimeout(function() {
             if(self.find(".xj-third-nav").css('display')!='none'){
                 self.find(".xj-third-nav").hide();
                 self.removeClass("xj-third-li-hover");
             }
            }, 500);
        
        });

 

转载于:https://www.cnblogs.com/zhixi/p/5611169.html