Я использую текущий код:
$('body').mousedown(function() {
$('div#extras').fadeTo('fast', 1);
});
$('body').mouseup(function() {
$('div#extras').delay(2000).fadeTo(1500, 0);
});
Это работает отлично в сафари, но когда я загружаю его и проверяю его на iPad, оно не работает?
Я узнал, как это сделать для ipad, для тех, кому интересно:
Вместо кода, который я использовал в своем вопросе, вы должны использовать:
$('body').bind( "touchstart", function(e){
$('div#extras').fadeTo('fast', 1);
});
&
$('body').bind( "touchend", function(e){
$('div#extras').delay(2000).fadeTo(1500, 0);
});
Не совсем.
Цитата:
Кликабельный элемент - это ссылка, элемент формы, область карты изображения или любой другой элемент с обработчиками mousemove, mousedown, mouseup или on click. mousemove, mousedown, mouseup или обработчиками onclick. Прокручиваемым элементом является любой элемент с соответствующим стилем переполнения, текстовые области и прокручиваемые элементы iframe. Из-за этих различий вам может понадобиться изменить некоторые элементы на кликабельные элементы, как описано в разделе "Делаем элементы кликабельными", чтобы добиться желаемого поведения в iPhone OS.
(выделено мной)