Javascript 自定义大菜单问题
我在我的网站上包括了一个使用引导、Javascript、PHP和CSS组成的超大菜单 目前，底部有一些选项卡，可以更改我在菜单中查看的列表。。。男人，女人，孩子和运动 为了从一个选项卡切换到下一个选项卡，我需要单击链接 我想将它从单击改为悬停/鼠标悬停，也可以从底部移开，这样它就在旁边，有点像在它自己的列中 我还有一个问题，当前当我将鼠标悬停在下拉列表上时，下拉选项卡的背景颜色会从蓝色变为棕色。当我离开下拉列表时，背景变回蓝色。但是，如果我打开mega menu下拉菜单，然后单击菜单中的一个子选项卡以更改显示的产品，则即使我将鼠标悬停在主导航栏上的另一个下拉菜单上，下拉菜单背景也会一直处于浏览状态，就好像菜单一直处于活动状态一样 如果有人能帮助解决这些问题，那就太好了 我已经包括如下代码。（到目前为止，上面链接上的内容的准确副本）Javascript 自定义大菜单问题,javascript,css,bootstrap-modal,megamenu,Javascript,Css,Bootstrap Modal,Megamenu,我在我的网站上包括了一个使用引导、Javascript、PHP和CSS组成的超大菜单 目前，底部有一些选项卡，可以更改我在菜单中查看的列表。。。男人，女人，孩子和运动 为了从一个选项卡切换到下一个选项卡，我需要单击链接 我想将它从单击改为悬停/鼠标悬停，也可以从底部移开，这样它就在旁边，有点像在它自己的列中 我还有一个问题，当前当我将鼠标悬停在下拉列表上时，下拉选项卡的背景颜色会从蓝色变为棕色。当我离开下拉列表时，背景变回蓝色。但是，如果我打开mega menu下拉菜单，然后单击菜单中的一个子选
$（文档）.ready（函数（）{
$（“.dropdown”）。悬停(
函数（）{
$（'.dropdown menu'，this）.stop（true，true.slideDown（“fast”）；
$（this.toggleClass（'open'）；
},
函数（）{
$（'.dropdown menu'，this）.stop（true，true.slideUp（“快速”）；
$（this.toggleClass（'open'）；
}
);
});
.navbar品牌{
宽度：70px；
高度：50px；
背景：url（'http://www.sneakermission.com/uploads/3/1/2/7/31279819/5617441.png“）无重复中心；
背景尺寸：50px；
}
.导航标签{
显示：内联块；
边框底部：无；
填充顶部：15px；
字体大小：粗体；
}
.导航选项卡>li>a，
.nav选项卡>li>a:悬停，
.nav选项卡>li>a:焦点，
.nav选项卡>li.active>a，
.nav选项卡>li.active>a:悬停，
.nav选项卡>li.active>a:焦点{
边界：无；
边界半径：0；
}
.导航列表{
边框底部：1px实心#eee；
}
.nav列表>li{
填充：20px 15px 15px；
左边框：1px实心#eee；
}
.nav list>li：最后一个孩子{
右边框：1px实心#eee；
}
.nav list>li>a:悬停{
文字装饰：无；
}
.nav列表>li>a>span{
显示：块；
字体大小：粗体；
文本转换：大写；
}
.mega下拉列表{
位置：静态！重要；
}
.mega下拉菜单{
填充：20px 15px 15px；
文本对齐：居中；
宽度：100%；
}
切换导航
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
提交
-
我运行了你的代码片段，发现两个错误
{
"message": "Uncaught SyntaxError: Unexpected token <",
"filename": "https://stacksnippets.net/js",
"lineno": 221,
"colno": 1
}
{
"message": "Uncaught Error: Bootstrap's JavaScript requires jQuery",
"filename": "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js",
"lineno": 6,
"colno": 31
}
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" ref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>
<body>