Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在下拉菜单上应用链接,但下拉菜单在移动设备中不起作用_Javascript_Jquery_Html_Css - Fatal编程技术网

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
以下是输出:


另外,对于添加“我的代码”后的脚本:


希望对你有帮助。干杯:)

只是一个快速提示,请添加一些相关代码,而不仅仅是一个链接