jQuery ne trouve pas les éléments désactivés de manière cohérente dans Opera

Question

J'ai un tableau HTML dans lequel les cellules de la première colonne contiennent chacune une case à cocher avec une classe 'myClass'. J'ai également mis une case à cocher dans la cellule d'en-tête de cette colonne, et je veux qu'elle fonctionne de sorte que cocher ou décocher la cellule d'en-tête place ou désactive toutes les cases à cocher des lignes. J'ai ce code dans le gestionnaire de clic de la case à cocher de l'en-tête:

if (jQuery(event.target).attr('checked') === true) { 
    alert(jQuery('td .myClass:enabled').length); 
    jQuery('td .myClass:enabled').attr('checked', 'checked'); 
} else { 
    alert(jQuery('td .myClass:enabled').length); 
    jQuery('td .myClass:enabled').removeAttr('checked'); 
} 

Trois lignes ont activé les cases à cocher et cinq désactivées.

Le code fonctionne correctement dans IE8, FF3.6 et Chrome 7.0. Cependant, dans Opera 10.63, la première fois que je vérifie la cellule d'en-tête, toutes les huit lignes sont vérifiées. Par la suite le code fonctionne comme prévu. Les instructions d'alerte confirment cela, en montrant '3' à chaque fois sauf le premier.

Est-ce un bug d'Opera? Si oui, y a-t-il une solution?

Answer 1

étrange synchronisity - Je viens d'analyser un rapport de bug je pense est le même problème quelques heures il y a :)

Oui, cela est probablement un bug où Opera n'appliquer la pseudo-classe correctement activé sur les éléments créés dans le DOM et insérés ultérieurement dans le document.

Il peut être une solution de contournement acceptable pour utiliser les noms de classe au lieu de: enabled. Ou inverser la propriété .checked deux fois sur toutes les cases de onload, peut-être? Il semble que basculer le statut désactivé ou vérifié va rendre Opera très bien gérer.