Modifier l'événement ne se déclenche pas sur certains éléments avec l'assistant de formulaire Mobile Safari

Question

J'ai des menus déroulants de sélection dynamique. Par exemple, si vous sélectionnez un mois spécifique, le deuxième élément de sélection sera rempli avec le nombre de jours dans ce mois. Cela fonctionne comme prévu, mais lorsque l'utilisateur est sur un iPhone et utilise le bouton "Suivant" intégré dans "l'assistant de formulaire" de Mobile Safari, l'événement change (utilisant jQuery) ne semble pas se déclencher et le 2ème sélectionne ne met pas à jour.

$('.month').change(function() { 
    // update "days" select element 
}); 

Pour votre information, je suis aussi en utilisant jQuery Mobile

Answer 1

La meilleure solution que j'ai pu trouver était basée sur cet article ...

Strange behavior of select/dropdown's onchange() JS event when using 'Next' on Mobile Safari Dropdown list item select box

Utilisation du plug-in (à partir du lien ci-dessus), je devais forcer le menu de sélection à blur dès qu'une option a été choisie avec « forme assistant » Mobile Safari.

J'ai remarqué cependant que lors d'un test de force brute de ces menus, un événement supplémentaire blur se déclencherait après quelques sélections de va-et-vient. Un focus supplémentaire a semblé résoudre cela.

$('select').quickChange(function() { 
    $(this).blur(); 
    $('select').focus(); // somehow prevents an extra blur from firing on focus 
}); 

Avec une fonction séparée change je mets à jour le deuxième menu de sélection dynamique.

$("#select-choice-month").change(function() { 
    // update second select dynamically 
}); 

* Testé uniquement sur Mobile Safari/iOS 5.0.1 jusqu'à présent.

Answer 2

Vous pouvez également lier quelques événements supplémentaires comme blur (ne sais pas si le flou fait feu sur iphone si)

$('.month').bind('change blur',function(){ 

}); 

ou ont Vous avez essayé:

$('.month').live('change',function(){ 
});