Событие клика jQuery игнорируется на iOS

Я добавляю raphael-sketchpad во всплывающее окно magnific-popup, чтобы можно было рисовать поверх фотографии. Я не могу заставить кнопку очистить блокнот для работы на iOS. Кнопка очистки - это блок div с классом начальной загрузки «btn», чтобы он выглядел и действовал как кнопка, поэтому он уже имеет курсор: указатель добавлен, как некоторые люди сообщают о помощи.

Вот тестовый пример http://codepen.io/creativetags/pen/BrsAp

Коснитесь / щелкните изображение, чтобы открыть всплывающее окно, затем вы можете нарисовать его и нажать кнопку «Очистить».

Это код для перехвата события щелчка на кнопке:

$(document).on('click', '#editor_clear', function(){ 
  console.log('clicked clear'); 
  sketchpad.clear();
});

ios javascript jquery raphael magnific-popup
person Mark Robinson    schedule 03.09.2014    source источник
comment
возможный дубликат Как использовать jQuery для события клика в веб-приложении iPhone   -  person Nope    schedule 03.09.2014

Ответы (1)


arrow_upward
6
arrow_downward

Для устройств iOS вам также необходимо прослушать touchstart:

$(document).on('click touchstart', '#editor_clear', function() { 
  console.log('clicked clear'); 
  sketchpad.clear();
});
person Daryl Ginn    schedule 03.09.2014
comment
Я думал, что пробовал это, но, конечно же, это работает! - person Mark Robinson; 04.09.2014