让这个下拉菜单工作"触摸"表面专业IE 11

时间:2015-12-04 01:39:47

标签: jquery css internet-explorer drop-down-menu touch

我发现这些代码产生了接近我们需要的下拉菜单。但是,它不适用于触摸设备。至少它不能在我的表面上工作IE 11。当你的手指离开菜单时,下拉菜单消失,然后你可以选择任何菜单项。如何让它在触摸时工作? http://fiddle.jshell.net/r6ty9nw9/3/

/proc/

2 个答案:

答案 0 :(得分:0)

您可以在活动列表中添加touchstart活动和touchend活动,以支持可触摸设备。

$('#menu > li').on('mouseover touchstart touchend', function(e){});

Jsfiddle

答案 1 :(得分:0)

使用“ontouchstart”

<a href="" ontouchstart="this.classList.toggle('classname')">Menu</a>

这将在触摸事件期间切换类名,您可以显示/隐藏您的下拉列表