子菜单＆＃34;鼠标悬停＆＃34;手机禁用

Question

我的菜单具有移动响应能力，因为它可以调整大小并在适用的移动设备上放入汉堡包菜单。

我的问题是该菜单还有一个子菜单元素，该元素也应该在移动设备上可见，但由于移动设备上没有鼠标悬停，所以＆＃34;点击＆＃34;将查看器带到主菜单导航区域中配置的菜单URL。

我尝试将file.zip元素添加到CSS中的任何子菜单引用中，但是当您点击iPad平板电脑上的下拉列表时，除了将我带到相同的URL点击的主菜单元素。如何克服此问题并显示此子菜单？

示例网址：http://www.goroyalshell.net/

Answer 1

你能尝试从这样的JavaScript添加事件监听器来捕捉触摸事件吗？

document.getElementById('#yourTabId').addEventListener('touchstart', function(ev) { 
    //here set your functionality for dropdown 
});