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

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();   
        })

})

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

相关推荐