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

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

})