Не срабатывает onclick на тачскрине некоторых мобильных устройствах

238
26 июля 2017, 22:36

Здравствуйте, для реализации кнопки с выпадающим меню для мобильных устройств написал простую функцию:

$('.mobile-menu-button').on('click', function(){    
        $(this).toggleClass('on');// не имеет отношение к проблеме.
        $('.main-menu').slideToggle('fast');        
    });

Так вот, на некоторых смартфонах работает все отлично (насколько я понял, на более новых моделях, но это не 100% факт), на некоторых - событие вообще не срабатывает( (смартфоны Dexp, huawei и даже nokia) - меню не открывается.

П. С. У кнопки .mobile-menu-button нет css-псевдокласса :hover, только "прикручен" вышеуказанный обработчик.

Скрин: как должно быть.

Answer 1

Можешь попробовать использовать аналогичные touch события:

  • ontouchstart - аналогичен onmousedown
  • ontouchend - аналогичен onmouseup (подходит больше)
READ ALSO
С помощью ng-if вызвать функцию

С помощью ng-if вызвать функцию

Возможно ли это сделать? У меня есть такая разметка:

242
Поиск через ajax в django

Поиск через ajax в django

Причина, по которой задаю данный вопрос: Я полный ноль в javascript вообще, и jquery в частностиНо стоит задача сделать живой поиск по модели Book, выдавать...

283
Получить json от php

Получить json от php

Доброго времени суток! подскажите,как правильно получить ответ от php в переменные jquery? Имеется php скрипт который отдаёт строку json вида

243