首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery控制div的相对位置时不同浏览器的兼容解决方法

2012-05-28 
jquery控制div的相对位置时不同浏览器的兼容JScript code$(document).ready(function(){//使div隐藏$(#au

jquery控制div的相对位置时不同浏览器的兼容

JScript code
$(document).ready(function()    {        //使div隐藏        $("#autodiv").css("display","none");                $(window).resize(function()        {            var p=$("#<%=txt_Keys.ClientID%>");            var position=p.position();            $("#autodiv").css("left",position.left);            $("#autodiv").css("top",position.top+p.height()+5);            $("#autodiv").css("width",p.width());        })})

如上代码,在IE里无任何问题,但在firefox里就一定得要改变窗体大小才能执行,怎么办~

[解决办法]
JScript code
定义一个函数调用function func1(){var p=$("#<%=txt_Keys.ClientID%>");            var position=p.position();            $("#autodiv").css("left",position.left);            $("#autodiv").css("top",position.top+p.height()+5);            $("#autodiv").css("width",p.width());}$(document).ready(function()    {        //使div隐藏        $("#autodiv").css("display","none");       //页面加载后调用         func1();        //窗体大小变化时再调用        $(window).resize(function()        {               func1();           })}) 

热点排行
Bad Request.