1、依赖组件:依赖于Jquery的核心组件jquery.js。 2、解决的问题:解决div层挡不住Select组件的问题(通常该问出出现IE6浏览器中)。如果需要源代码请下载附件。 3、使用方法:(1)、在要使用的页面(.jsp或者.html)中首先导入Jquery的核心组件库jquery.js。(如果不使用Jquery 组件,你必须修改js文件中的部分代码: 1、获取浏览器类型和版本号的代码$.browser.msie && $.browser.version=='6.0' 2、在指定id的容器中追加html代码:$("#"+parentDivId).append(iframeHtml); 3、从html文档中移除指定id的html组件:$("#iframeDivUsedForCoverSelect").remove(); 如果你对html的文档模型比较熟悉,修改以上代码应该不是很困难)。 (2)、导入该js文件中的两个方法。 注意:1、在层弹出之前调用方法:openIframeDiv(parentDivId);(parentDivId为select组件所在的容器div的id) 2、在关闭弹出的层之后调用方法:removeIframe(); /** * 通过使用Ifram,解决div层挡不住Select组件的问题(通常该问出出现IE6浏览器中) * * @Author JiangShui * * @Date 2010-10-19 */ /** * 如果当前的浏览器是IE6,则打开一个iframe层,用于遮挡select组件, * 本组件用于解决IE6中,div层挡不住select组件的bug * * @param parentDivId iframe所依赖的父窗口div层的id,要遮挡的select组件 * 便在该div中(如果select组件不在一个div中,请放入一个div中 * 并定义一个id作为该参数的值) * */
function openIframeDiv(parentDivId) { if($.browser.msie && $.browser.version=='6.0'){ var iframeHtml = ' '; $("#"+parentDivId).append(iframeHtml); } }
/** * 移除iframe层,与方法openIframeDiv(parentDivId)配对使用 * * */
function removeIframe() { //获取以前的查询窗口对象 var searchObj = document.getElementById("iframeDivUsedForCoverSelect"); //如果对应id的组件已经存在则将其删除 if (null != searchObj && typeof(searchObj) != "undefined") { $("#iframeDivUsedForCoverSelect").remove(); } }
附件下载:deal.zip (986 Bytes) via:wangyijiangshui
标签:IE相关IE6IE6浏览器Select