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

});

});