J'ai une liste de sélection simple que lorsque je clique sur l'une des options affiche l'option sélectionnée dans un message. Tout fonctionne comme prévu dans IE et FF mais pas en chrome. Voici mon HTML: et voici ma jQuery: in IE et FF L'alerte s'affiche chaque fois qu'une option est cliquée mais pas en chrome. J'ai utilisé mise à jour! Après de nouvelles recherches et tests, je pense que le problème n'est pas avec la balise SELECT liée à la boîte de dialogue JQuery. J'ai créé un cas de test chez http://jsfiddle.net/chuckl/6Gh78/3/ qui reproduit le problème. Cliquez sur le bouton Charger pour produire la fenêtre de la boîte de dialogue. Dans FF, vous pouvez cliquer sur un élément de la liste et il sera sélectionné, la balise .Change plutôt que .Cliquez sur avec exactement les mêmes résultats.
Toute aide serait vraiment appréciée.
p mise à jour, et une zone d'alerte apparaîtra. En chrome, tout ce que vous obtenez est la boîte d'alerte.
5 Réponses :
Le code que vous avez bien fonctionné pour moi dans la version 14.0.814.0. Cependant, depuis ce que vous parlez est un bogue et n'est pas vraiment une question, vous devriez plutôt la soumettre au Chrome Issue Tracker .
On dirait que tu n'es pas le seul! chrome-html Select ne reconnaît pas la valeur si elle est saisie de
^^ avait un problème similaire.
Votre code rend bien pour moi. Vous voudrez peut-être envisager de le soumettre à Google
http://code.google.com/p/chromium/issues/listocke/a > (Tracker d'émission de chrome)
ou leur:
Forums d'aide chrome
http://www.google.com/support/forum/p/chrome
Je suppose que vous pourriez essayer de mettre à jour votre chrome ou de réinstaller? : S
fonctionne bien pour moi aussi (version 12.0.742.122). Possibilités de problèmes:
Peut-être que vous avez une autre erreur dans votre script, qui conserve celui-ci d'être exécuté; Vérifiez la console ( Où est placé votre script dans la page? Peut-être que le DOM n'est pas encore initialisé lorsque votre script s'exécute. Dans ce cas, essayez de l'embaucher dans Ctrl + Maj + j )
$ (document) .Ready (fonction (fonction () {...}) au lieu de $ (fonction () {...})
Je crois comprendre que $ (fonction () {}) est identique à $ (document) .Ready (fonction (fonction () {...}) . J'ai également vérifié la console et n'a trouvé aucune erreur. J'utilise la même version (12.0.742.122.)
Oui, c'est ce qui fait ce qui rend cela si déroutant. J'ai essayé de déplacer le code pour plus tard sans changement. Lorsque je traverse le code avec un débogueur, le code exécute sur la page rechargée mais jamais lorsque je clique sur une option.
Juste wierd. Avez-vous un lien vers votre page de non-travail?
Site de test @ dev.designCenter.creativecoverings.com User = testeur, mot de passe = testeur. Cliquez sur le bouton Conception Center, puis sur le bouton de chargement sous la liste des idées. Si vous cliquez sur l'un des éléments de la liste, la boîte de dialogue ferme simplement. Essayez ceci à FF et voir la différence.
Essayez d'utiliser la méthode ProP. Je l'ai testé sur Safari, Opera, Firefox et Chrome, et ça a fonctionné bien.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Test - Option selected - jQuery</title>
</head>
<body>
<form>
<select>
<option value="11">aa</option>
<option value="22">bb</option>
<option value="33">cc</option>
<option value="44">dd</option>
</select>
</form>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(function(){
$('select option:last').prop('selected','selected');
});
</script>
</body>
</html>
J'ai trouvé que ce qui suit a fonctionné pour moi - au lieu d'utiliser le clic, utilisez le changement E.G.:
jQuery('#elemen select').on('change', (function() {
//your code here
}));