导航下拉隐藏问题，两个div同时触发事件

最新推荐文章于 2019-02-13 11:05:18 发布

zerocher

最新推荐文章于 2019-02-13 11:05:18 发布

阅读量412

点赞数

分类专栏： web开发 js html+css

本文链接：https://blog.csdn.net/zerocher/article/details/81180762

版权

web开发同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

19 篇文章 0 订阅

订阅专栏

html+css

8 篇文章 0 订阅

订阅专栏

解决进入下拉区域不隐藏；离开导航菜单div，不进入下拉，隐藏下拉div。

var timer = null;
//导航栏里div
$('.dhxlcd').mouseenter(function () {
    clearTimeout(timer);
    $('.sec_ul').css('display','block');
}).mouseleave(function () {
    timer = setTimeout(function(){
        $('.sec_ul').hide();
    },100)
});
//下拉菜单div
$('.sec_ul').mouseenter(function () {
    clearTimeout(timer);
    $('.sec_ul').css('display','block');
}).mouseleave(function () {
    timer = setTimeout(function(){
        $('.sec_ul').hide();
    },100)
});