1

好吧，我在尝试在 IE8 中使用“.append”时遇到了问题，我的代码在所有浏览器（甚至 IE9）中都可以正常工作，但是我在使用 IE8 时遇到了问题。这是我的代码：

    divLine = null
    for(var i = ini; i < fim; i++ ){
       if(i % 5 === 0){
           var divLine = $("<div class='line' style='float:left;display:block;padding-top:25px;'></div>")
           $("#products").append(divLine)
       }
       if (linkI[i] != "semLink") {
       if (i != (4 + ini) && i != (9 + ini) && i != (14 + ini) && i != (19 + ini)) { 
          divLine.append("<div id='" + albuns[i] + "'style='float:left;display:block;'>" + 
         "<a href='" + url[i] + "'>" +
         "<img src='" + imagesUrl[i] + "' width='170' />" + "</a>" +
 "<div style='width:170px;'>" +
    "<h3 class='shout bare mts'>" +
       "<b>" + names[i] + "</b>" +
    "</h3>" + 
    "<h6 class='mbs'>" + 
        albuns[i] + 
    "</h6>" +
       "<a class='icons-comprar lfloat mtxs mrs' href='" + linkS[i] + "' target='_blank' >Comprar </br></a>" + 
        "<a class='icons-itunesSmall lfloat mtm' href='" + linkI[i] + "' target='_blank'>Itunes</a>" + 
  "</div>" + 
  "</div>" + 
    "<img src='http://assets.jumpseller.com/store/biscoitofino/themes/8055/space.png' width='30' style='float:left;display:block;'/>" +      
         "</div>")
          } else {
             divLine.append("<div id='" + albuns[i] + "' style='float:left;display:block;'>" + 
         "<a href='" + url[i] + "'>" +
         "<img src='" + imagesUrl[i] + "' width='170' />" +
"</a>" +
 "<div style='width:170px;'>" +
"<h3 class='shout bare mts'>" +
  "<b>" + names[i] + "</b>" +
"</h3>" + 
"<h6 class='mbs'>" + 
        albuns[i] + 
"</h6>" +
  "<a class='icons-comprar lfloat mtxs mrs' href='" + linkS[i] + "' target='_blank' >Comprar </br></a>" + 
  "<a class='icons-itunesSmall lfloat mtm' href='" + linkI[i] + "' target='_blank'>Itunes</a>" + 
         "</div>")
          }
      } else {
          if (i != (4 + ini) && i != (9 + ini) && i != (14 + ini) && i != (19 + ini)) {
          divLine.append("<div id='" + albuns[i] + "' style='float:left;display:block;'>" + 
         "<a href='" + url[i] + "'>" +
         "<img src='" + imagesUrl[i] + "' width='170' />" +
"</a>" +
 "<div style='width:170px;'>" +
"<h3 class='shout bare mts'>" +
  "<b>" + names[i] + "</b>" +
"</h3>" + 
"<h6 class='mbs'>" + 
        albuns[i] + 
"</h6>" +
  "<a class='icons-comprar lfloat mtxs mrs' href='" + linkS[i] + "' target='_blank' >Comprar </br></a>" + 
  "</div>" + 
  "</div>" + 
    "<img src='http://assets.jumpseller.com/store/biscoitofino/themes/8055/space.png' width='30' style='float:left;display:block;'/>" +      
         "</div>")
          } else {
            divLine.append("<div id='" + albuns[i] + "' style='float:left;display:block;'>" + 
         "<a href='" + url[i] + "'>" +
         "<img src='" + imagesUrl[i] + "' width='170' />" +
"</a>" +
 "<div style='width:170px;'>" +
"<h3 class='shout bare mts'>" +
  "<b>" + names[i] + "</b>" +
"</h3>" + 
"<h6 class='mbs'>" + 
        albuns[i] + 
"</h6>" +
  "<a class='icons-comprar lfloat mtxs mrs' href='" + linkS[i] + "' target='_blank' >Comprar </br></a>" + 
  "</div>" + 
  "</div>" + 
         "</div>")  
          }
      }
 }

其中：

 albuns = new Array();
 imagesUrl = new Array();
 url = new Array();
 names = new Array();
 linkS = new Array();
 linkI = new Array();

已经是由服务器生成的排序数组。我还在 chrome 和 IE8 中打印了输出的打印屏幕： IE8 下面： 在此处输入图像描述 Chrome 下面： 在此处输入图像描述

我们可以注意到 IE 中的输出完全被扭曲了......这是有问题的网站：http: //biscoitofino.jumpseller.com/catalogo

有什么建议么？？？先感谢您！

4

0 回答 0