2010-11-10 7 views
3

Avec le code suivant, je ne peux pas cliquer sur les étiquettes en jQTouch (sur simulateur iphone et iphone lui-même):pas cliquable dans jQTouch

<ul class="rounded"> 
    <li> 
    <label for="user_name">Name</label> 
    <input type="text" name="user_name" id="user_name"/> 
    </li> 
</ul> 

Il fonctionne bien en safari, j'ai vérifié également dans la démo de jquery-mobile et il travaille sur simulateur iphone, donc les coutures de problème pour être strictement jqtouch spécifique.

+0

ce qui est jQTouch – kobe

+0

@gov est une bibliothèque jquery pour la création de sites Web pour iphone: http://jqtouch.com/ – mpapis

+0

@mappis merci pour l'info. – kobe

Répondre

-1

grâce à @Ivan j'ai trouvé une meilleure solution:

$('label[for],input[type="radio"]').bind('click', function(e) { 
    e.stopPropagation(); 
    }); 

En outre, il fixe les boutons radio. Le seul inconvénient est - il arrête la propagation, mais dans mon cas c'est ok.

1
+0

J'ai déjà des correctifs similaires, mais il est difficile de croire que 'Mobile Safari' ne supporte pas cette fonctionnalité évidente: $ ('label [pour]'). Bind ('click', function() { var $ target = $ ('#' + $ (this) .attr ('pour')); $ (': focus'). blur(); if ($ target [0] .type === 'radio') { $ target [0] .checked = true; } else { $ cible [0] .focus(); } }); – mpapis

+0

J'ai finalement trouvé dans l'article connexe une meilleure solution, mais comme il ne s'agissait pas d'un vote direct. – mpapis

11

Il y a une astuce obscure pour cela, en utilisant le CSS:

label {curseur: pointeur; }

Et cela fonctionnera sur iPhone et iPad.

+5

Cela mérite une WTF sincère! – pstadler

+3

Cela ne semble pas fonctionner dans tous les cas. Je suis allé essayer ceci seulement pour trouver que la propriété était déjà définie. :( –

+0

cela ne fonctionne pas sur iOS7 – Nilesh

2

ajouter onclick = "" à l'étiquette

<label for="blah" onclick="">blah</label> 
-1

ouais, l'astuce user693942 CSS est assez, en fait, ça marche!

label { cursor: pointer; } 
+1

cela ressemble à un bug, le changement de curseur ne devrait pas changer la propagation des événements - peut-être il semble plus court/plus agréable - mais il ne semble pas être la bonne solution . – mpapis