Le code de jQuery fonctionne avec Firefox mais pas webKit

Question

J'ai un problème avec jQuery: j'ai ce que je veux avec Firefox, mais quand je l'essaie avec webkit (Chrome, Opera ...) ça ne marche pas. L'idée de mon code est de définir tous les <select> à partir d'un <form> en gris lorsque le <option> sélectionné est la valeur 0 (le premier élément de chaque <select>). Lorsque les modifications <option>, le <select> doit devenir noir. Lorsque vous cliquez sur 0 <option>, son texte passe également de - à son texte content="".
Donc ça va avec Firefox mais pas webkit, c'est plutôt énervant. Vous pouvez voir tout mon code dans ce JSFiddle et le tester: my JSFiddle.
Je pense que le problème vient de l'utilisation de $(this).parent() mais je ne sais pas comment l'éviter.
Merci

Answer 1

Un peu d'aide pour vous:

$("#pp").find("option").on("click", function() { ... 

L'option elle-même ne se déclenche pas un événement de clic. Au lieu de cela, utilisez:

$("#pp").find("select").on("click", function() { ... 

, vous devez donc modifier vos lignes internes en supprimant les méthodes parent() à partir de votre code puisque vous écoutez maintenant le parent directement.

Cela devrait vous aider pour le début ...