jquery窗口调整大小事件不能在初始加载时工作

时间:2016-07-18 19:25:09

标签: javascript jquery responsive-design viewport

我知道flex box是一个更改div命令的选项但是我使用了一些jquery而不是为一个需要的功能安装flexbox

这是我正在使用的脚本,在调整窗口大小时工作正常

<script type="text/javascript">
$(document).load($(window).bind("resize", listenWidth));

    function listenWidth( e ) {
        if($(window).width()>910)
        {
            $(".loginblock").remove().insertAfter($("#step1"));
        } else {
            $(".loginblock").remove().insertBefore($(".regblock"));
        }
    }
</script>

问题:

虽然如果您自己调整浏览器窗口的大小,脚本仍能正常运行。如果我在更改后刷新屏幕。这是行不通的。例如,如果我转到移动大小并刷新登录块返回到底部而不是顶部。

是否有一种简单的方法来编辑我的脚本以了解屏幕加载的大小并进行所需的更改?

谢谢!

1 个答案:

答案 0 :(得分:2)

你在调整大小时绑定函数......好的 你只需要触发它onload。

void f(int a)
{
    a = 10;  // This change is lost when the function returns
}

void g(int* a)
{
     *a = 10;  // This change will survive when the function returns
}

int main(void)
{
    int a = 0;
    f(a);
    printf("%d\n", a); // will print 0
    g(&a);
    printf("%d\n", a); // will print 10
    return 0;
}