Почему «гамбургер» меню не отрабатывается на тач-девайсах?

Question

[Greg Popov]

Ссылка на ресур.

В эмуляторе все работает отлично, когда захожу через iPhone 5s — не срабатывает меню

UPD: только на технике продукции Apple, на Samsung все работет

Comments

[Максим Тимофеев]

У меня на ПК там ничего не работает

[Greg Popov]

Максим Тимофеев: там должно работать только меню (на мобильных выпадайка) и все

Answer 1

[Андрей Медведев]

Скорее всего, это из-за того что у вас указаны два события touchstart и click
Во время тапа сначала происходит событие тачстарт, а позже эмулируется событие клик
И у вас меню сначала показывается и мгновенно скрывается

Попробуйте оставить просто тачстарт

$(document.body).on('touchstart ', '#menu-button', function() {

Comments

[Greg Popov]

А как быть с dropdown которые есть и на мобилках и на десктоп?

[Андрей Медведев]

Greg Popov: ставьте клик тогда, просто тачстарт срабатывает почти мгновенно при касании, а клик с небольшой задержкой

[Андрей Медведев]

$(document.body).on('click', '#menu-button', function() {

[Greg Popov]

Андрей Медведев: нет, увы но без тачстарт на работает на эппл

[Андрей Медведев]

Greg Popov: много раз делал через клик, должно)
Возможно потому что объект на который навешены события, не является или
хотя и с простыми клик отрабатывался

[Андрей Медведев]

парсер проглотил теги
* не является тегом a или button, хотя и с простыми div клик отрабатывался