二级菜单延迟隐藏

最近碰到一个需求,因为在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);
        
        });

 

posted @ 2016-06-23 16:03  知兮  阅读(268)  评论(0编辑  收藏  举报