在下拉菜单上应用链接，但下拉菜单在移动设备中不起作用

Question

需要帮助：我的网站是非响应式桌面视图很好但是当我选中移动设备上的下拉菜单时，点击重定向另一个页面并下拉菜单未打开。

这可能在移动设备和桌面设备上都能正常运行。这是link

提前致谢

Answer 1

问题在于mobile hover事件未被触发。

因此，在click上手动触发它可能会有所帮助：

 <script type="text/javascript" src="path/to/jquery.js"></script>
 <script type="text/javascript" src="path/to/menu.js"></script> 
 <script type="text/javascript">
 $(document).ready(function() {
 $(".menu").flexymenu({speed: 400}); //Your Original Code
    $('.menu a').bind('click', function(e) {  // Code to trigger `hover` and preventing link from opening
        $(this).trigger('hover');
        e.preventDefault();
        e.stopPropagation();
        return false;
    });
});
</script>

<小时/> 这是DEMO

---

它也适用于mobile输出：

<小时/> 在添加我的代码后也为您的脚本：

希望它会对你有所帮助。干杯:) !!