Question

我在webapplication中使用了jquery的加载插件。

这是我的代码：

$.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是一张桌子。这段代码在ie8，firefox，chrome中运行良好......只有ie8兼容模式不会在我的表格中显示结果。

有人可以帮我吗？

更新

<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>

Answer 1

虽然我建议修复代码，但解决方法是确保页面默认情况下不会在IE8兼容模式下呈现。您可以在网页的头部执行此操作：

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

Answer 2

您可以向我们展示任何错误吗？

首先，您的.load函数可能缺少一个结束括号吗？我改变了你的代码，把它放在我的方式，更容易看到括号等（我发现）。这是我最终得到的，括号现在匹配。虽然如果这是问题，我很惊讶它在任何浏览器中都有效。

$.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");

ie8兼容模式下的jquery加载问题

2 个答案: