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 相关文章推荐
用 javascript 实现的点击复制代码
Mar 24 Javascript
js或css实现滚动广告的几种方案
Jan 28 Javascript
javascript 上下banner替换具体实现
Nov 14 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
May 14 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
Jan 06 Javascript
jQuery 局部div刷新和全局刷新方法总结
Oct 05 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
浅谈Vue.nextTick 的实现方法
Oct 25 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 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
require(),include(),require_once()和include_once()的异同
2007/01/02 PHP
php adodb操作mysql数据库
2009/03/19 PHP
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
PHP中的按位与和按位或操作示例
2014/01/27 PHP
php 解压rar文件及zip文件的方法
2014/05/05 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
js的一些常用方法小结
2011/06/29 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
2015/11/17 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
Vue.js添加组件操作示例
2018/06/13 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
2018/10/09 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
微信小程序sessionid不一致问题解决
2019/08/30 Javascript
vue中defineProperty和Proxy的区别详解
2020/11/30 Vue.js
简单使用Python自动生成文章
2014/12/25 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
Python排序搜索基本算法之选择排序实例分析
2017/12/09 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
Python二元赋值实用技巧解析
2019/10/25 Python
django配置app中的静态文件步骤
2020/03/27 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
以工厂直接定价的传奇性能:Ben Hogan Golf
2019/01/04 全球购物
老师推荐信
2013/10/28 职场文书
集体婚礼策划方案
2014/02/22 职场文书
求职个人评价范文
2014/04/09 职场文书
承诺书范本
2015/01/21 职场文书
医生个人年度总结
2015/02/28 职场文书
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python