Lee dialog 1.0 ie 弹出位置错误解决

最新推荐文章于 2023-09-16 22:21:29 发布

原创最新推荐文章于 2023-09-16 22:21:29 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dialog #ie #function #float #class #iframe

html web 同时被 2 个专栏收录

12 篇文章

订阅专栏

4 篇文章

订阅专栏

本文介绍了一个名为Leedialog的jQuery插件，该插件用于创建带有暗化背景的弹出对话框。文章详细说明了如何解决在Internet Explorer浏览器中对话框位置显示不正确的问题，并提供了具体的代码修改方案。

Lee dialog 是一个弹出对话框并且背景变暗的jquery差件，但是在ie出弹出的位置出错。以下修改解决了此问题。

// Lee dialog 1.0 http://www.xij.cn/blog/?p=68 var dialogFirst=true; function dialog(title,content,width,height,cssName,top){ var mytop = top+200; //alert(mytop); if(dialogFirst==true){ var temp_float=new String; temp_float="<div id=/"floatBoxBg/" style="/" mce_style="/""height:"+$(document).height()+"px;filter:alpha(opacity=0);opacity:0;/"></div>"; temp_float+="<div id=/"floatBox/" class=/"floatBox/" style="/" mce_style="/""top:"+mytop+"px;/">"; temp_float+="<div class=/"title/"><h4></h4><span>关闭</span></div>"; temp_float+="<div class=/"content/"></div>"; temp_float+="</div>"; $("body").append(temp_float); dialogFirst=false; } $("#floatBox .title span").click(function(){ $("#floatBoxBg").animate({opacity:"0"},"normal",function(){$(this).hide();}); $("#floatBox").animate({top:($(document).scrollTop()-(height=="auto"?300:parseInt(height)))+"px"},"normal",function(){$(this).hide();}); }); $("#floatBox .title h4").html(title); contentType=content.substring(0,content.indexOf(":")); content=content.substring(content.indexOf(":")+1,content.length); switch(contentType){ case "url": var content_array=content.split("?"); $("#floatBox .content").ajaxStart(function(){ $(this).html("loading..."); }); $.ajax({ type:content_array[0], url:content_array[1], data:content_array[2], error:function(){ $("#floatBox .content").html("error..."); }, success:function(html){ $("#floatBox .content").html(html); } }); break; case "text": $("#floatBox .content").html(content); break; case "id": $("#floatBox .content").html($("#"+content+"").html()); break; case "iframe": $("#floatBox .content").html("<iframe src="/" mce_src="/"""+content+"/" width=/"100%/" height=/""+(parseInt(height)-30)+"px"+"/" scrolling=/"auto/" frameborder=/"0/" marginheight=/"0/" marginwidth=/"0/"></iframe>"); } $("#floatBox").css("top",$(document).scrollTop());//-----fanfan add 20091006 $("#floatBox").css("display","block");//-----fanfan add 20091006 $("#floatBoxBg").show(); $("#floatBoxBg").animate({opacity:"0.5"},"normal"); $("#floatBox").attr("class","floatBox "+cssName); //$("#floatBox").css({display:"block",left:(($(document).width())/2-(parseInt(width)/2))+"px",top:($(document).scrollTop()-(height=="auto"?300:parseInt(height)))+"px",width:width,height:height});//-----the origin $("#floatBox").animate({top:($(document).scrollTop()+50)+"px"},"normal"); }