我有一个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>
您可以通过以下链接进行测试:http://sa4iserver1.com/~hoffer/ - 此时,唯一具有下拉子菜单的菜单项是 RENT 菜单项。
有关如何通过iPhone / iPad点击子菜单链接的任何建议都将非常感谢!