`

解决了jquery.bgiframe.min.js的一个bug (jquery.bgiframe.min.js, line 10 character 978)

阅读更多

解决了jquery.bgiframe.min.js的一个bug

(jquery.bgiframe.min.js, line 10 character 978)

 

jquery.bgiframe.min.js是用于解决 IE6 select z-index 属性无效,select 标签遮挡 div 的 Bug。

 

参照:

1.jQuery bgiframe 插件解决 IE6 select z-index 属性无效

2.解决DIV在IE下被下拉列表select穿透的问题(二)

 

但是这个插件在判断IE的版本时,过于简单,导致在某些情况下会有bug。

报这个错误:

SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) 
jquery.bgiframe.min.js, line 10 character 978

 

它在判断浏览器及使用的版本时使用的代码是:

 

if ($.browser.msie&&/6.0/.test(navigator.userAgent){
    ... ...
}

 其中

/6.0/.test(navigator.userAgent)

极易出问题

 

例如,如果navigator.userAgent是

"Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)"

 时。这时,即使我的浏览器是IE9,但由于含有

Media Center PC 6.0

也会执行if段内的代码,导致错误的发生。

 

所以,可以通过修改版本判断的代码,来避免这个问题

if ($.browser.msie&&/IE 6.0/.test(navigator.userAgent){
    ... ...
}

 

 

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics