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，如下所示：

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

  });
}

并且仅使用该代码，通过点击它来显示下拉列表。

这怎么可能？

Answer 1

您可以使用此功能

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

这是Example

我是如何启用触觉设备的下拉菜单的？

1 个答案: