jquery ne fonctionne pas avec IE 8

Question

J'essaye d'implémenter la fonction bascule avec une rangée de table. Tout va bien, sauf dans IE8. Le script que j'ai utilisé est donné ci-dessous.

<script src="jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#report tr:odd").addClass("odd"); 
     $("#report tr:not(.odd)").hide(); 
     $("#report tr:first-child").show(); 

     $("#report tr.odd").click(function(){ 
      $(this).next("tr").each(function(){ this.toggle()}); 
      $(this).find(".arrow").toggleClass("up"); 
     }); 
     //$("#report").jExpand(); 
    }); 
</script>   

quelqu'un s'il vous plaît aidez-moi ..

Jessica

Answer 1

Vous devez envelopper ($()) votre this (qui est juste un élément DOM dans cette boucle, pas un objet jQuery) d'avoir accès à .toggle(), comme ceci:

$(this).toggle() 

Mais il n'y a pas besoin de la boucle .each() ici, ceci:

$(this).next("tr").each(function(){ $(this).toggle()}); 

peut être juste ceci:

$(this).next("tr").toggle(); 

Et ça va fonctionner sur tous les des éléments trouvés ... même si il n'y aura qu'un seul ici.

---

numéro 2 est le fait que IE8 pense plus précisément la ligne suivante est toujours visibile (ce bogue dans la mise en œuvre de jQuery 1.3.2 que vous utilisez). Vous avez 2 options ici, la solution rapide est de ré-écrire comme ceci:

$("#report tr.odd").click(function(){ 
    var show = $(this).find(".arrow").toggleClass("up").hasClass("up"); 
    $(this).next("tr").toggle(show); 
}); 

You can see that working here. Ou une meilleure solution pour moi, mise à niveau vers la dernière jQuery (1.4.3), you can test your current code here against it, travaillant dans IE8 ainsi.

Answer 2

Dans votre:

$(this).next("tr").each(function(){ this.toggle()}); 

Essayez de changer à:

$(this).next("tr").each(function(){ $(this).toggle()}); 

J'ai eu ce problème avant sur certains navigateurs ne pas être en mesure de faire la différence entre cela et $ (this).

vous serez donc obtenir:

$(document).ready(function(){ 
    $("#report tr:odd").addClass("odd"); 
    $("#report tr:not(.odd)").hide(); 
    $("#report tr:first-child").show(); 

    $("#report tr.odd").click(function(){ 
    $(this).next("tr").each(function(){ $(this).toggle()}); 
    $(this).find(".arrow").toggleClass("up"); 
    }); 
});