`
ronon
  • 浏览: 187051 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

Jquery IE8兼容性

阅读更多

环境: jsp+jquery-1.11.1.min.js

问题描述:

使用$("#article标签id名").append(“xxxxxxxxx") ,chrome、firefox、ie10全部可以正常增加元素,唯独ie8下显示为空,调试无数次,才意识到IE9以下不支持HTML5标签,以下是百度到的解决办法,放在<head></head>里面即可。

这段代码的意思是如果ie版本低于ie8,就创建所有HTML5新标签。

 

<!--[if lt IE9]> 
<script> 
   (function() {
     if (! 
     /*@cc_on!@*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

 

这里是详细说明:

http://www.cnblogs.com/Capricornus/archive/2013/03/26/2982122.html

 

实际使用的时候,目的是达到了,

但是ie任何版本浏览器页面左上角会出现代码<!--[if lt IE9]> <![endif]-->

汗。。。最后把<!--[if lt IE9]>改成<!--[if IE 8]>,才OK

 

 

调试的过程中,还碰到两个问题,一起记录一下

1.ie8不支持 $("title").html("xxxx") 的写法,而且会直接报错导致后面的js无法执行,

   改为document.title="xxxxx" 即可。

2.ie8下使用append()函数为在指定标签末尾插入html字符串时,a标签必须要有结束标签

例如 $("#td1").html("<a href='#'>这是一个链接");

这种写法在chrome、firefox、ie10都没问题,可是在ie8下就不行,ie8会直接忽略掉没有结尾的a标签,所以必须写成  $("#td1").html("<a href='#'>这是一个链接</a>");   这种规范的形式。

(一般人应该都不会忘记写结束标签,这是维护代码的时候碰到的一个坑)

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics