jquery在ie7下选择器的问题导致append失效的解决方法


Posted in Javascript onJanuary 10, 2016

1,有如下这样一段html

<div class="right"id="pending"> 

 <table class="one"width="100%"border="0"cellspacing="0"cellpadding="0"> 

<tbody>

</tbody>

</table>

 <div id="pendingpage"class="paging"> 

</div>

</div>

 2,我用jquery动态填充tbody下的内容代码如下

$("#pending table tbody").empty().append(th).append(html);

 这段代码在ie7及以下ie版本会有问题,jquery无法通过#pending table tbody 找到正确的dom位置并append内容。需要修改,修改的代码如下

$("table tbody").empty().append(th).append(html);

 把#pending去掉 直接通过table tbody找dom

3,我一时很疑惑,级联的选择器很常见,但是在ie7下为什么有这种问题,难道是jquery的bug或者div下嵌套table tbody的html写法不够标准?

下面继续补充一下:

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

就是将内容复制给一个参数,不要直接使用html内容。

jQuery的append方法不支持连接等HTML属性的解决

很是郁闷,今天写程序,想在文档对象中append一些html上去,诸如<b><p>这些完全没有问题,可是碰到了带链接的HTML如:

$("#test").append("<a href='#'>test</a>");

firefox毫无问题,IE6、IE7一直到IE8就死活上不去,只显示文本内容,不带任何连接。准备Google一下,却发现Google.com已然无法登陆,Google.cn上查询出来的基本上一页全是采集站的那些垃圾文章,很是郁闷。搞了半天,找到一篇文章,说是jQuery自身append函数的问题,这个函数自己带类似HTML解析和分析的语句,基本的html没问题,碰到链接或者未完全关闭的标签或者是自定义的标签,jQuery就死活认不出来。不知道是否真的如此,手头的js库是压缩版,太晚了头也昏昏沉沉不想再去看劳什子源代码了。直接自己Create一个a标签的元素插入进去好了,这样搞:

$(document.createElement(‘a')).attr({"href":"#", "id": ‘#mylink'}).appendTo("#test");

然后给这个链接附上内容:

$(‘#mylink').text("test");

哎,累不累啊。不管了,睡觉了,明天有空看看jQuery的源代码是怎么写的吧。
Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
Javascript判断对象是否相等实现代码
Mar 18 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
JavaScript模板引擎用法实例
Jul 10 Javascript
JS判断字符串字节数并截取长度的方法
Mar 05 Javascript
js匿名函数作为函数参数详解
Jun 01 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
Jun 07 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
Aug 24 Javascript
详解Vue中的scoped及穿透方法
Apr 18 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 #Javascript
JavaScript基础知识及常用方法总结
Jan 10 #Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 #Javascript
javascript实现checkbox复选框实例代码
Jan 10 #Javascript
基于javascript实现彩票随机数生成(升级版)
Apr 17 #Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 #Javascript
理解Angular数据双向绑定
Jan 10 #Javascript
You might like
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
php异步多线程swoole用法实例
2014/11/14 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
2013/11/28 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
vue.js使用3DES加密的方法示例
2018/05/18 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
记一次vue-webpack项目优化实践详解
2019/02/17 Javascript
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
关于Vue中$refs的探索浅析
2020/11/05 Javascript
python解析xml文件实例分享
2013/12/04 Python
Python编程中的文件操作攻略
2015/10/16 Python
python学习之编写查询ip程序
2016/02/27 Python
python实现移位加密和解密
2019/03/22 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
opencv+python实现均值滤波
2020/02/19 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
英国复古服装购物网站:Collectif
2019/10/30 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
关于递归的一道.NET面试题
2013/05/12 面试题
财会自我鉴定范文
2013/12/27 职场文书
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
客服部工作职责范本
2014/02/14 职场文书
公司授权委托书样本
2014/09/15 职场文书
离职感谢信
2015/01/21 职场文书
校园安全学习心得体会
2016/01/18 职场文书
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript