Home/ Questions/Q 9189743
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T20:18:15+00:00

Having a problem with window resize. What I’m trying to do is check whether

  • 0

Having a problem with window resize. What I’m trying to do is check whether the window is less than 600 pixels, then prepend a div (.inner) to the body. On resize, I want to check the window width and if it’s greater than 600 pixels, put the div (inner) back in its place.

HTML

<body>
  <div class="outer">
     <div class="inner">
     </div>
  </div>

JS

var windowWidth = $(window).width();

checkWidth();

function checkWidth(){
    if(windowWidth > 600){
    $('.outer').append($('.inner'));
    console.log('back in place');
  } else {
    $('body').prepend($('.inner'));
        console.log('prepend');
  }
}
$(window).resize(function() {
  checkWidth();
}).trigger('resize');
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to retrieve the width inside of your function. Otherwise it will always contain the value before the resize.

    $(checkWidth);
$(window).resize(checkWidth).trigger('resize');

function checkWidth()
{
    var window_width = $(window).width();

    if(window_width > 600)
    {
        $('.outer').append($('.inner'));
        console.log('back in place');
    } 
    else 
    {
        $('body').prepend($('.inner'));
        console.log('prepend');
    }
}
    • 0