我该如何解决:如果没有<a>元素,将鼠标悬停在iPhone上？

Question

:hover如果没有<a>元素我如何修复iPhone ？

我正在使用一个<li>元素,当我选中它时,iPhone不会打开我的子菜单.

示例html:

<ul>
  <li>Menu item (no <a> element)
    <ul>
      <li><a href="#">Menu item</a><li>
    </ul>
  <li>
</ul>

我用一种JavaScript方法来解决这个问题,但我想知道是否有不同的方法可以解决这个问题(也许是更好的方法)

Answer 1

您可以使用 JavaScript 来修复此问题。以下脚本将把悬停作为类添加到<li>元素中：

<script type="text/javascript">
$("li").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);  
</script>

只需添加CSS 中的li.hover位置li:hover即可，如下所示：

这：

ul li:hover ul{
    display:block;
}

将：

ul li:hover ul,
ul li.hover ul,{
    display:block;
}

jQuery 文档：
http://api.jquery.com/hover/
http://api.jquery.com/addClass/