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

来源：互联网发布：中级程序员考证费用编辑：程序博客网时间：2024/05/16 09:20

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(); }
    });
});