jquery在IE中使用append应注意的问题

jquery在IE中使用append应注意的问题

$(document).ready(function() {
    $.ajax({
        url: 'Cutepage.htm',
        dataType: 'json',
        data: 'type=Init&PageSize=' + EachPage + '&PageIndex=1',
        success: function(msg) {

            //在IE7下无法显示,在火狐下没有问题。。。。。
            $('#Content').append('<tr><td width="19%"> 商品编号</td><td width="15%">商品名字</td><td width="20%">供应商商编号</td><td width="30%">商品种类编号</td><td width="10%">单价</td></tr>');

         },
       error: function(x) { alert("服务器错误代码:" + x.status);  $('#Loading').hide(); }
    });
});

修改（如下）：
 
$(document).ready(function() {
    $.ajax({
        url: 'Cutepage.htm',
        dataType: 'json',
        data: 'type=Init&PageSize=' + EachPage + '&PageIndex=1',
        success: function(msg) {

            //修改后...（这样就没有问题了,可以看出Jquery对html标签是比较敏感的，以后需要注意........）
            var pageContent = '';   
            pageContent += '<table border="2">';
            pageContent  +=  '<tr><td width="19%"> 商品编号</td><td width="15%">商品名字</td><td width="20%">供应商商编号</td><td width="30%">商品种类编号</td><td width="10%">单价</td></tr>';
            pageContent += '</table>';           
            $('#Content').append(pageContent );

         },
       error: function(x) { alert("服务器错误代码:" + x.status);  $('#Loading').hide(); }
    });
});