Как я только что включил выпадающее меню для тактильных устройств?

Question

Как я только что включил выпадающее меню для тактильных устройств?

0

У меня есть выпадающее меню для посетителей на рабочем столе с 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 ul.nav_header_inner.

Очевидно, что зависание не работает на тактильных устройствах. И щелчок на li.nav_header ничего не делает.

Чтобы включить это, я начал выполнять js-функцию, похожую на следующее:

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

  });
}

и только с этим кодом раскрывающийся список стал видимым, нажав на него.

Как это возможно?

Fellow Stranger 30 нояб. 2013, в 12:51

Источник

Теги:

javascript

jquery

css

javascript-events

touch

1 ответ

Ещё вопросы

Love Trivedi · Answer 1 · 2013-11-30T11-02-00.000Z

Вы можете использовать эту функцию

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

Вот пример

Извините, я не прошу решить проблему, в описании я заявляю, что она уже решена. У меня вопрос: как я решил это с пустой функцией ?? Понятия не имею, но мне любопытно.