jQuery窗口调整大小事件不适用于初始加载

Question

我知道可以使用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>

问题：

尽管如果您亲自调整浏览器窗口的大小，该脚本也可以很好地工作。 如果在进行更改后刷新屏幕。 这是行不通的。 例如，如果我转到移动设备大小并刷新，则loginblock返回底部而不是顶部。

有没有一种简单的方法可以编辑我的脚本，以了解加载屏幕的大小并进行所需的更改？

谢谢！

Answer 1

您可以在调整大小时绑定该函数...确定。
您只需要在加载时触发它即可。

<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"));
        }
    }
    listenWidth();  // Add this here to execute the funtion onload.
</script>