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

最新推荐文章于 2023-04-12 14:42:54 发布

灰灰2016

最新推荐文章于 2023-04-12 14:42:54 发布

阅读量7.5k

点赞数

分类专栏： JavaScript 文章标签： jquery ie function json 服务器 border

本文链接：https://blog.csdn.net/dongxiaohui2008/article/details/5883567

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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

归结：我之前用过许多自定义标签，然后用jquery控制他们，但是jquery似乎对自定义标签不支持...

参考：http://zhidao.baidu.com/question/133594132.html