Когда я использую jQuery для простого события click, он работает только для ссылок. Есть ли способ заставить его работать на промежутки и т.д.:
$("span.clicked").live("click", function(e){alert("span clicked!")});
$("a.clicked").live("click", function(e){alert("link clicked!")});
SPAN работает в Safari, но не в Mobile Safari (на iPhone или iPad), тогда как тег A работает в обоих.
Вам нужно прослушать события "touchstart" и "touchhend". Добавьте слушателей с помощью jQuery...
$('span').bind( "touchstart", function(e){alert('Span Clicked!')} );
Возможно, вы захотите прослушать сенсорный старт и коснуться, чтобы вы могли убедиться, что элемент, который был нацелен при касании пальца, такой же, как и элемент, который был удален при удалении пальца.
Я уверен, что, возможно, есть лучший способ сделать это, но это должно работать:)
Изменить: есть лучший способ! См. fooobar.com/questions/63854/...
Я тоже боролся с этим. После множества игр и попыток выяснить проблему, я столкнулся с простым решением.
Если вы установите элемент cursor на pointer, он волшебным образом снова работает с Jquery live и событием click. Это можно просто установить глобально в CSS.
Фактически вам не нужно использовать событие touchstart или touchhend, если тег span (или что-то другое, кроме тега 'a) имеет свойство css:
cursor:pointer
клик зарегистрируется
Вы также можете уговорить браузер генерировать события щелчка, добавив пустой атрибут onclick. Для подхода с поясом и привязкой в случае, если любой подход перестанет работать в любом данном обновлении iOS, вы можете использовать что-то вроде этого:
$("span.clicked").live("click", function(e){alert("span clicked!")})
.attr('onclick','')
.css('cursor','pointer');
(при условии, что у вас нет реальных атрибутов onclick, которые вы не против уничтожения)
Я пробовал все, и ни один из трюков не работал. Оказалось, что я не смог получить события кликов, потому что у меня был элемент видео под моим img. видео элементы, по-видимому, едят события щелчка.
Вы можете добавить пустой атрибут onclick, например:
<span onclick=''>Touch or Click Me</span>
jQuery('span').live('click', function() { alert('foo'); });