日期:2014-05-16  浏览次数:20371 次

解决了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){
    ... ...
}

?

?

?

?

?