我刚刚如何为触觉设备启用下拉菜单？

Question

我为桌面访问者提供了一个下拉菜单，其中的HTML外观如下所示：

<ul id="nav">
  <li class="nav_header "><span class="main_menu_title">SERVICES</span>
    <ul class="nav_header_inner">
        <li><a href="/services/massage">Massage</a></li>
        <li><a href="/services/therapy">Therapy</a></li>
        <li><a href="/services/kindness">Kindness</a></li>
    </ul>
  </li>
</ul>

通过悬停在li.nav_header上，ul.nav_header_inner获得visible。

显然，悬停在触觉设备上不起作用。并且单击li.nav_header也不执行任何操作。

为了启用此功能，我开始执行如下所示的js函数：

function tappableMenu() {
  jQuery("li.nav_header").click(function() {

  });
}

并且只有该代码，通过点击下拉菜单即可看到它。

这怎么可能？

Answer 1

您可以使用此功能

$(function() {
      jQuery("li.nav_header").click(function() {
      $('.nav_header_inner').slideToggle(500);
  });
});

这里是Example