Javascript 如何将此单击菜单更改为悬停菜单？

我想更改此菜单，单击可悬停。当我这样做的时候，它不起作用：/

我必须添加更多的文本，但对于熟悉javascript的人来说，问题很简单。 对不起，我的语言不好。 我必须添加更多的文本，但对于熟悉javascript的人来说，问题很简单。 对不起，我的语言不好。 我必须添加更多的文本，但对于熟悉javascript的人来说，问题很简单。 对不起，我的语言不好

（函数（$，未定义）
{
var开放=[]；
变量选项={
选择器：'.dropdown'，
切换：“下拉切换”，
打开：“下拉打开”，
鸟巢：是的
};
$（文档）.on（'click.dropdown touchstart.dropdown'，函数（e）
{
//如果单击来自目标下拉列表之外，请关闭最后打开的下拉列表
if（open.length&（！opts.nest | |！open[open.length-1].find（e.target.length））
{
open.pop（）.removeClass（opts.open）；
}
var$this=$（e.target）；
//如果目标是下拉列表，则将其切换。。。
if（$this.hasClass（opts.toggle））
{
e、 预防默认值（）；
$this=$this.closest（opts.selector）；
if（！$this.hasClass（opts.open））
{
open.push（$this.addClass（opts.open））；
}
其他的
{
open.pop（）.removeClass（opts.open）；
}
}
});
})（jQuery）
.Row
{
显示：表格；
宽度：100%；
表布局：固定；
边界间距：10px；
}
.栏目
{
显示：表格单元格；
背景色：红色；
}
.下拉列表{
位置：相对位置；
最小宽度：100%；
背景：#ccc；
显示：内联块；
}
.下载{
显示：块；
文字装饰：无；
颜色：#333；
}
/*拨动*/
.下拉按钮.下拉开关{
填充：0；
}
/*下拉列表*/
.下拉菜单{
位置：绝对位置；
最高：100%；
右：0；
左：0；
显示：无；
保证金：0；
填充：0；
列表样式类型：无；
背景：#ccc；
}
/*选择权*/
.下拉菜单.选项a{
}
.下拉菜单.选项a:悬停{
背景色：#aaa；
}
/*打开*/
.下拉打开{
z指数：400；
}
.下拉菜单打开>.下拉菜单{
显示：块；
}



















更改
$（文档）。on（'click.dropdown touchtstart.dropdown'，函数（e）
为
$（文档）。on（'mouseenter touchtstart'，'.dropdown'，函数（e）{

演示


（函数（$，未定义）{
var开放=[]；
变量选项={
选择器：'.dropdown'，
切换：“下拉切换”，
打开：“下拉打开”，
鸟巢：是的
};
$（文档）.on（'mouseenter touchstart'，'.dropdown'，函数（e）{
//如果单击来自目标下拉列表之外，请关闭最后打开的下拉列表
if（open.length&（！opts.nest | |！open[open.length-1].find（e.target.length））{
open.pop（）.removeClass（opts.open）；
}
var$this=$（e.target）；
//如果目标是下拉列表，则将其切换。。。
if（$this.hasClass（opts.toggle））{
e、 预防默认值（）；
$this=$this.closest（选项选择器）；
if（！$this.hasClass（选择打开））{
open.push（$this.addClass（opts.open））；
}否则{
open.pop（）.removeClass（opts.open）；
}
}
});
})（jQuery）；
.Row{
显示：表格；
宽度：100%；
表布局：固定；
边界间距：10px；
}
.栏目{
显示：表格单元格；
背景色：红色；
}
.下拉列表{
位置：相对位置；
最小宽度：100%；
背景：#ccc；
显示：内联块；
}
.下载{
显示：块；
文字装饰：无；
颜色：#333；
}
/*拨动*/
.下拉按钮.下拉开关{
填充：0；
}
/*下拉列表*/
.下拉菜单{
位置：绝对位置；
最高：100%；
右：0；
左：0；
显示：无；
保证金：0；
填充：0；
列表样式类型：无；
背景：#ccc；
}
/*选择权*/
.下拉菜单.选项a{}
.下拉菜单.选项a:悬停{
背景色：#aaa；
}
/*打开*/
.下拉打开{
z指数：400；
}
.下拉菜单打开>.下拉菜单{
显示：块；
}



















更改
$（文档）。on（'click.dropdown touchtstart.dropdown'，函数（e）
为
$（文档）。on（'mouseenter touchtstart'，'.dropdown'，函数（e）{

演示


（函数（$，未定义）{
var开放=[]；
变量选项={
选择器：'.dropdown'，
切换：“下拉切换”，
打开：“下拉打开”，
鸟巢：是的
};
$（文档）.on（'mouseenter touchstart'，'.dropdown'，函数（e）{
//闭合t
.dropdown:hover > ul{
   display:block;
}