Comment utiliser jQuery pour un événement click dans l'application Web iPhone

Question

Lorsque j'utilise jQuery pour un simple événement click, il ne fonctionne que pour les liens. Est-il un moyen de le faire fonctionner pour des portées etc:

$("span.clicked").live("click", function(e){alert("span clicked!")}); 

$("a.clicked").live("click", function(e){alert("link clicked!")}); 

Le SPAN fonctionne dans Safari mais pas Safari Mobile (iPhone ou iPad) alors que la balise A fonctionne dans les deux.

Answer 1

Vous devez écouter les événements "touchstart" et "touchend". Ajouter les auditeurs avec jQuery ...

$('span').bind("touchstart", function(e){alert('Span Clicked!')}); 

Vous voudrez peut-être écouter un touchstart et touchEnd afin que vous puissiez vérifier que l'élément ciblé lorsque le doigt touché est le même que l'élément ciblé lorsque le doigt a été retiré .

Je suis sûr qu'il ya probablement une meilleure façon de le faire, mais que devrait travail :)

Edit: Il y a une meilleure façon! Voir https://stackoverflow.com/a/4910962/16940

Answer 2

J'ai lutté avec cela aussi bien. Après avoir beaucoup joué et essayé de comprendre le problème, je suis tombé sur une solution simple.

Si vous définissez le cursor de l'élément sur pointer, il fonctionne de nouveau comme par magie avec le live et l'événement click de Jquery. Cela peut simplement être défini globalement dans le CSS.

Answer 3

Vous n'avez pas réellement besoin d'utiliser le touchstart ou un événement touchEnd, tant que l'étiquette 'span' (ou quoi que ce soit autre qu'un 'a' tag) possède une propriété css de:

cursor:pointer 

le clic va enregistrer

Answer 4

J'ai tout essayé et aucun des trucs n'a fonctionné. Il s'est avéré que je ne pouvais pas obtenir des événements de clic parce que j'avais un élément vidéo sous mon img. les éléments vidéo mangent apparemment des événements de clic.

Answer 5

Vous pouvez également amadouer le navigateur pour générer des événements de clic en ajoutant un attribut onclick vide. Pour une approche de ceinture et entretoises en cas ou l'autre approche ne fonctionne plus dans une mise à jour iOS donné, vous pouvez utiliser quelque chose comme ceci:

$("span.clicked").live("click", function(e){alert("span clicked!")}) 
       .attr('onclick','') 
       .css('cursor','pointer'); 

(en supposant que vous n'avez pas onclick réelle attributs que vous ne me dérange pas oblitérante)

Answer 6

Vous pouvez ajouter un vide onclick attribut, comme ceci:

<span onclick=''>Touch or Click Me</span> 
jQuery('span').live('click', function() { alert('foo'); });