jqueryのウィンドウのサイズ変更イベント初期負荷

Question

に取り組んでいない私は、フレックスボックスは、しかし、私はjqueryののビットを使用しての代わりに、必要な一つの特徴

このためフレキシボックスを設置していますdiv要素の注文を変更するためのオプションです知っているが、スクリプトIですあなたは物理的にブラウザのウィンドウを自分のサイズを変更する場合は、スクリプトがうまく機能が：ウィンドウに

<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> 

問題のサイズを変更する際に正常に動作され使用しています。変更が完了したら、画面を更新してください。それは動作しません。たとえば私がモバイルサイズに移動し、ログインブロックをリフレッシュすると、トップの代わりにボトムに戻ります。

スクリプトを編集して画面の読み込みサイズを確認し、必要な変更を加える簡単な方法はありますか？

ありがとうございます！

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>