jquery Fenster Resize-Ereignis nicht auf Anfangslast arbeiten

Question

Ich weiß flex Feld eine Option ist es, die Aufträge von divs ich ein bisschen jquery jedoch zu ändern bin anstelle Flexbox für ein benötigtes Feature

Das von der Installation ist das Skript I ist mit der gut arbeitet, wenn das Fenster

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

Problem Ändern der Größe:

Obwohl das Skript gut funktioniert, wenn Sie physisch das Browserfenster selbst ändern. Wenn ich den Bildschirm aktualisiere, sobald die Änderung vorgenommen wurde. Es funktioniert nicht. Wenn ich zum Beispiel auf die mobile Größe gehe und den Loginblock aktualisiere, gehe ich zurück nach unten statt nach oben.

Gibt es eine einfache Möglichkeit, mein Skript zu bearbeiten, um zu wissen, welche Größe der Bildschirm beim Laden hat und die erforderlichen Änderungen vorzunehmen?

Danke!

Answer 1

Sie binden die Funktion auf Größe ändern ... Ok.
Sie müssen nur Onload auslösen.

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