Html 悬停时使菜单子项处于活动状态

我是javascript和Jquery的新手，我得到了这段代码，我通过悬停改变了onclick，当我悬停菜单元素时，子菜单是活动的，但一旦我将鼠标移到菜单项上，disvariat子菜单就无法选择它 我希望在悬停菜单项时，子菜单处于活动状态并可选择

$（函数（）{
//为jquery启用样式设置
$（'mainNav'）.addClass（'js-menu'）；
//关闭下拉功能
函数关闭下拉列表（）{
//$（this.children（）.find（“.children”）.show（）；
$（'li.dropdown.open'）.removeClass（'open'）.find（'>ul'）.hide（）；
$（'mainNav'）.css（'padding-bottom'，'0'）；
}
//初始化超时
var时间延拓；
//移动菜单折叠
$（“#切换菜单”）.mouseover（函数（）{
$（this.toggleClass（'on'）；
$（“#菜单”）.slideToggle（）；
});
//主菜单
$（'.dropdown>a'）.mouseover（函数（e）{
e、 预防默认值（）；
e、 停止传播（）；
if（$（this）.parent（）.hasClass（'open'）==false）{//if未打开
clearTimeout（timeoutSession）；
var menHt=$（this.parent（）.find（'>ul'）.height（）；
$（'#menu>li'）.removeClass（'open'）.find（'>ul'）.hide（）；
$（'mainNav'）.css（'padding-bottom'，menHt）；
$（this.parent（）.addClass（'open'）.find（'>ul'）.fadeIn（）；
timeoutSession=setTimeout（关闭下拉列表，10000）；
$（document）.on（“mouseover”，function（）{
关闭下拉菜单（）；
});
}else{//关闭菜单
clearTimeout（timeoutSession）；
$（this.parent（）.removeClass（'open'）.find（'>ul'）.hide（）；
$（'mainNav'）.css（'padding-bottom'，'0'）；
}
});
});
#主导航{
过渡：填充底部0.9s；
}
@介质（最大宽度：1300px）{
#主导航{
填充底部：0！重要；
}
}
@全部和全部介质（最小宽度：1300px）{
#mainNav.js-menu#menu{
显示：块！重要；
}
}
#菜单{
填充：0；
列表样式：无；
保证金：0；
边缘底部：1rem；
}
#菜单里{
显示：内联；
}
@全部和全部介质（最小宽度：1300px）{
#菜单{
字号：0；
}
#菜单里{
显示：内联块；
字号：1rem；
}
}
#菜单ul{
背景：#fff；
显示：无；
填充：0；
文本对齐：居中；
}
#菜单>li>ul>li{
边缘底部：0.5雷姆；
}
#菜单li.openul{
显示：块；
}
@全部和全部介质（最小宽度：1300px）{
#菜单{
位置：相对位置；
}
#菜单>li>ul{
位置：绝对位置；
宽度：100%；
}
#菜单ulli{
显示：块；
文本对齐：居中；
}
}
#菜单>li>a:悬停，
#菜单>li>a.nav-path-selected{
边框底部：无；
}
#菜单ul a，
#菜单：链接，
#菜单：已访问{
颜色：#4C4D4E；
字体大小：0.8rem；
字号：800；
}
@全部和全部介质（最小宽度：1300px）{
#菜单>li>ul{
-moz列：自动190px；
列：自动190px；
}
#菜单ulli{
-莫兹柱内折：避免；
破门而入：避免；
}
}









鼠标悬停功能只包含指定的元素。如果要访问下面的所有项目，必须使用
悬停
功能。如果使用这些代码更改功能，问题将得到解决


//主菜单
$（'.dropdown'）.hover（函数（e）{
$（this.addClass（'open'）.find（'>ul'）.show（）；
}，函数（）{
$（this.removeClass（'open'）.find（'>ul'）.hide（）；
});鼠标悬停功能只包含指定的元素。如果要访问下面的所有项目，必须使用
悬停
功能。如果使用这些代码更改功能，问题将得到解决


//主菜单
$（'.dropdown'）.hover（函数（e）{
$（this.addClass（'open'）.find（'>ul'）.show（）；
}，函数（）{
$（this.removeClass（'open'）.find（'>ul'）.hide（）；
});