Javascript 在下拉菜单上应用链接,但下拉菜单在移动设备中不起作用
需要帮助:我的网站没有响应,桌面视图很好,但当我选中手机上的下拉菜单时,它会点击重定向另一个页面,下拉菜单不会打开 这是否可能在手机和桌面上都能正常工作。这是Javascript 在下拉菜单上应用链接,但下拉菜单在移动设备中不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,需要帮助:我的网站没有响应,桌面视图很好,但当我选中手机上的下拉菜单时,它会点击重定向另一个页面,下拉菜单不会打开 这是否可能在手机和桌面上都能正常工作。这是 提前感谢问题是在移动悬停事件中没有触发 因此,在单击时手动触发它可能会有所帮助: <script type="text/javascript" src="path/to/jquery.js"></script> <script type="text/javascript" src="path/to/men
提前感谢问题是在
移动
悬停
事件中没有触发
因此,在单击时手动触发它可能会有所帮助:
<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>
$(文档).ready(函数(){
$(“.menu”).flexymenu({speed:400});//您的原始代码
$('.menu a').bind('click',函数(e){//触发'hover'并阻止链接打开的代码
$(this.trigger('hover');
e、 预防默认值();
e、 停止传播();
返回false;
});
});
这是
它也适用于mobile
以下是输出:
另外,对于添加“我的代码”后的脚本:
希望对你有帮助。干杯:) 只是一个快速提示,请添加一些相关代码,而不仅仅是一个链接