2017-10-10 127 views
0

我在网站上有SlimMenu,我注意到在启用触摸屏的设备上使用Microsoft Edge时,SlimMenu navbar处于全宽模式(不是移动切换按钮模式)您尝试点击菜单项旁边的小箭头,下拉菜单将立即滑回并滑动。.Mouseenter()在启用触摸屏的设备上的Microsoft Edge中的问题

起初我以为这是一个SlimMenu问题,但在所有其他浏览器上按预期工作(即使在资源管理器11中),此外,同样的问题可以用与FlexNav相同的方式重现。

我想这对于Edge浏览器如何处理.mouseenter()和.mouseleave()动作有一定影响。

复制问题:

  • 的Windows 10
  • 微软边缘
  • 的触摸屏功能的设备

然后去SlimMenu页:http://adnantopal.github.io/slimmenu/(在中间您有菜单演示的页面,请在全宽模式下尝试)。

因此,有人知道是否有解决这个问题的方法吗?

+0

那么什么使它崩溃?鼠标移开?您可能想要使用其他类型的瘦菜单。检查http://cr8code.co并在导航栏上有一个三角形menü在右上角检查它是否对你有用,然后我shere你的代码。 –

+0

感谢您的帮助Güney。但我自己解决了这个问题(见答案)。 – Antony

回答

1

我说得对。它必须处理Microsoft Edge浏览器如何处理.mouseenter()和.mouseleave()。

事实上,他们不应该传播到子元素,但他们在边缘。

为了解决我不得不手动停止从“里”到“跨越”的传播问题:

$("span").mouseenter(function(event){ 
event.stopPropagation(); 
});