6
4

6 回答 6

3
于 2012-04-07T11:17:43.553 回答
3

使 iPhone 尊重悬停状态。

<ul>
  <li onclick="//">test</li>
  <li onclick="//">test</li>
  <li onclick="//">test</li>
</ul>
于 2012-04-26T06:36:12.293 回答
2

我找到了处理 div:hover 在 iphone 上工作的最佳方法。不使用 javascript

使用 cursor: pointer使您的元素充当锚标记

css

ul li { 光标：指针}

而且您还会注意到，当您在下拉菜单之外单击时，它不会在 iphone 上关闭，除非您单击真正的链接。由于我们在手机上看不到光标，这是我提出的解决方案。

css

正文 { 光标：指针 }

于 2014-07-03T04:03:34.287 回答
0

虽然 iPhone/etc 没有专门的悬停状态，但链接的悬停状态会在用户点击它们时触发。通常双击实际上会跟随链接。

也许重新构建您的 HTML，以便您确实拥有具有悬停状态的锚点，而不仅仅是列表项。不需要 JS。

于 2012-04-24T00:57:30.527 回答
0

将 :focus 和 :active 添加到您的样式中：

ul li ul{display:none} ul li:focus ul,ul li:active ul{display:block}

于 2012-04-28T09:34:21.460 回答
0

http://blog.0100.tv/2010/05/fixing-the-hover-event-on-the-ipadiphoneipod/

//ipad and iphone fix
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
    $(".menu li a").click(function(){
        //we just need to attach a click event listener to provoke iPhone/iPod/iPad's hover event
        //strange
    });
}
于 2015-09-02T08:15:08.450 回答