Javascript 下拉链接在iOS中不起作用
我有一个Wordpress网站,它有一个水平菜单栏,当鼠标悬停在父菜单项上时,会出现一个下拉子菜单。指向子菜单的链接在常规浏览器中工作,但是,当使用我的iPhone时,指向子菜单的链接不工作。它以前只在长按模式下工作,但我不想要长按模式,因此我在CSS中添加了以下代码以删除长按模式: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;
.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工具。。。此外,请保持简短一致,仅导航栏。对于移动设备,单击具有子菜单的父菜单项将打开/显示子菜单,但是,单击子菜单项不会打开其预期页面。