Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.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 下拉链接在iOS中不起作用_Javascript_Ios_Css_Iphone_Wordpress - Fatal编程技术网

Javascript 下拉链接在iOS中不起作用

Javascript 下拉链接在iOS中不起作用,javascript,ios,css,iphone,wordpress,Javascript,Ios,Css,Iphone,Wordpress,我有一个Wordpress网站,它有一个水平菜单栏,当鼠标悬停在父菜单项上时,会出现一个下拉子菜单。指向子菜单的链接在常规浏览器中工作,但是,当使用我的iPhone时,指向子菜单的链接不工作。它以前只在长按模式下工作,但我不想要长按模式,因此我在CSS中添加了以下代码以删除长按模式: .navWrap .top-bar2 li.menu-item { -webkit-user-select:none; -webkit-touch-callout: none!important;

我有一个Wordpress网站,它有一个水平菜单栏,当鼠标悬停在父菜单项上时,会出现一个下拉子菜单。指向子菜单的链接在常规浏览器中工作,但是,当使用我的iPhone时,指向子菜单的链接不工作。它以前只在长按模式下工作,但我不想要长按模式,因此我在CSS中添加了以下代码以删除长按模式:

.navWrap .top-bar2 li.menu-item {
    -webkit-user-select:none;
    -webkit-touch-callout: none!important;
}
我还添加了以下javascript,因为CSS不起作用,一些人建议使用javascript解决方案:

<script type='text/javascript'>document.documentElement.style.webkitTouchCallout = "none";</script>
您可以通过转到以下链接进行测试:-此时,唯一具有下拉子菜单的菜单项是RENT菜单项


如果您对如何通过iPhone/iPad点击子菜单链接有任何建议,我们将不胜感激

发布一些代码,或者我们无能为力,我们不想使用inspect element工具。。。此外,请保持简短一致,仅导航栏。对于移动设备,单击具有子菜单的父菜单项将打开/显示子菜单,但是,单击子菜单项不会打开其预期页面。