jquery problème de chargement en mode de compatibilité ie8

J'utilise le plugin de chargement de jquery dans mon application web.jquery problème de chargement en mode de compatibilité ie8

Voici mon morceau de code:

$.post("/ecommerceV2/"+langcode+"/ecommerce/sortPromo",{promotypeid: $(v).val()},function(response){ 
    if (response.same == 'yes'){ 
    $('#infoLegende').show(); 
    $('#infoLegende').html('no' + $('#legende'+$(v).val()).html()); 
    }else{ 
    $('#infoLegende').hide(); 
    $('#legende'+$(v).val()).addClass('legendeBackground'); 
    $('#legende'+$(v).val()).removeClass('legendeTest'); 
    $('.assortiment').fadeOut('slow'); 
    $('.assortiment').load("/ecommerceV2/"+langcode+"/ecommerce/volledigAssortiment .assortiment",{assortiments: response.assortiments},function(){ $('.assortiment').fadeIn('slow'); 
    } 
},"json");

.assortiment est une table. Ce morceau de code fonctionne très bien dans ie8, firefox, chrome, ... seul le mode de compatibilité ie8 ne montrera pas les résultats dans ma table.

Quelqu'un peut-il m'aider?

Mise à jour:

<div id="lijst"> 
    <div id='assortimentHeader'></div> 
<table summary='assortiment' class='assortiment' width=805 id='assortiment' cellspacing=0> 
<tr id='headerAssortiment' > 
<th width=20 style='text-align: center;'>Code</th> 
<th width=200 style='text-align: center;'>Omschrijving</th> 
<th width=40 style='text-align: right;'>Prijs</th> 
<th width=40 style='text-align: right;'>Adv.prijs</th> 
<th width=35 style='text-align: right;'>Marge</th> 
<th width=20 style='text-align: center;'>Bestel</th> 
<th width=6 style='text-align: center;'>B1</th> 
<th width=6 style='text-align: center;'>B2</th> 
<th width=6 style='text-align: center;'>B3</th> 
</tr> 
<tr class='artikelgroep'><td colspan='9'><img alt='add' src='/ecommerceV2/assets/images/icons/add%202.png' style='float:left;' /><b>CHAMPIGNONS</b></td></tr> 
<tr align='center' class="artikelRijDonkerPromo1"> 
<td width=20>5905</td> 
<td width=200 class='omschrijving' style='cursor: pointer; text-align: left;'>CHAMP. (12X250GR)DEKSEL<img alt='foto' src='/ecommerceV2/assets/images/camera.png' style='float: right;' width='25' height='17' /><input type='hidden' class='artikel' value='5905' /></td> 
<td width=40 style='text-align: right;'>&euro; 0.73</td> 
<td width=40 style='text-align: right;'>&euro; 1.19</td> 
<td style='margin-left: 20px; text-align: right;' width=35>34.97%</td> 
<td width=20><input type='text' style='text-align: right; border: 1px #d9d9d9 solid;' size=5 class='aantal' name='aantal[5905]' /><input type='hidden' class='artikel' value='5905' /></td> 
<td width=6>1</td> 
<td width=6></td> 
<td width=6>1</td> 
</tr> 
</table> 
</div>

Source

2010-08-31 Jurgen Vandw

Je dois demander, pourquoi utilisez-vous le mode «compatibilité» de IE 8? –

Mon application Web doit s'exécuter dans ie8, ie7, ... Et le mode de compatibilité ie8 émule le comportement ie7 que je l'utilise. –

IE8 mode de compatibilité! == IE7. – ajm

Toute erreur que vous pouvez nous montrer?

Pour commencer, il vous manque peut-être un crochet de fermeture pour votre fonction .load? J'ai changé votre code et ai exposé comment je fais, plus facile de voir des parenthèses, etc. (je trouve). Voici ce que j'ai fini avec, les crochets correspondent maintenant. Bien que si c'était le problème, je suis surpris que cela a fonctionné dans n'importe quel navigateur.

$.post("/ecommerceV2/"+langcode+"/ecommerce/sortPromo",{promotypeid: $(v).val()},function(response) 
{ 
    if (response.same == 'yes') 
    { 
     $('#infoLegende').show(); 
     $('#infoLegende').html('no' + $('#legende'+$(v).val()).html()); 
    } 
    else 
    { 
     $('#infoLegende').hide(); 
     $('#legende'+$(v).val()).addClass('legendeBackground'); 
     $('#legende'+$(v).val()).removeClass('legendeTest'); 
     $('.assortiment').fadeOut('slow'); 
     $('.assortiment').load("/ecommerceV2/"+langcode+"/ecommerce/volledigAssortiment .assortiment", {assortiments: response.assortiments} , function() 
     { 
      $('.assortiment').fadeIn('slow'); 
     }); 
    } 
} ,"json");

Source

2010-08-31 14:10:38

merci pour votre réponse jakenoble mais c'était une faute de frappe. Votre code est exactement le même que le mien et il ne fait toujours rien dans ie7. –

Pouvez-vous nous montrer l'erreur Jurgen Vandw? –

c'est le problème. Je n'ai aucune erreur. : s En firefox, chrome, ie8, ... je reçois ma table, en ie7 ma table ne s'affichera pas. J'ai téléchargé debugbar pour ie et vérifié ce que js est retourné et il renvoie mon résultat mais il n'apparaît pas dans la table. Probablement une erreur css mais j'ai couru un validateur dessus et ça ne m'a donné aucune erreur. –

Bien que je recommande la fixation du code, un travail autour serait pour vous assurer que la page ne se rend pas en mode de compatibilité IE8 par défaut. Vous pouvez le faire dans la tête de votre page Web:

<head><meta http-equiv="X-UA-Compatible" content="IE=8" /></head>

Source

2010-08-31 14:48:41

Merci, je l'ai fait maintenant, mais cela ne résout pas mon problème dans ie 7 –

jquery problème de chargement en mode de compatibilité ie8

Répondre

Questions connexes