Как на jquery сделать проверку на горизонтальный resize окна?

Question

[Cheizer]

Приветствую, подскажите пожалуйста, не уверен что правильно сформулировал вопрос, но все же, как сделать подобную проверку, но только на горизонтальное изменение окна браузера?

Есть такой код, работает отлично, НО если по высоте изменить окно, тоже срабатывает, а это не нужно, только по ширине нужно отслеживать изменение, как это сделать?

$(window).on('resize', function () {
	resize();
});
function resize() {
         $('*').removeClass('open');
}

Comments

[Вадим]

Ну сохраните при загрузке ширину окна в переменную, а на ресайзе получайте текущую ширину, если изменилась - то это оно. Значит что то делаем и обновляем переменную. В чем сложность?

[Cheizer]

Вадим, не получается, опыта мало в js, в этом и проблема

$(window).on('load', function () {
	var $width = $(window).width();
});
$(window).on('resize', function () {
	resize();
});
function resize($width) {

var $thiswidth = $(window).width();
 if ($thiswidth != $width){
        alert('1');
}

не работает, вернее работает, но нв высоту окна тоже срабатывает

[Вадим]

Cheizer, почитайте про область видимости переменных.
В функции resize ваш $width будет undefined

Answer 1

[Cheizer]

Нагуглил :))

var w=$(window).width();//после загрузки страницы сразу фиксируем начальную ширину окна браузера
            $(window).resize(function() {//после изминения окна браузера
                var new_w=$(window).width();//фиксируем новую ширину окна браузера
                if(new_w!=w) {// если "новая" ширина не равна "старой"
                    //alert('1');//делаем то что нам нужно
                    w=new_w;//и в значение "старой" ширины записываем "новую" ширину
                }
            });

//и еще вариант

var w = 0;
$( window ).load( function(){
   w = $( window ).width();
});

$( window ).resize( function(){
  if( w != $( window ).width() ){
    //Do something
    w = $( window ).width();
  }
});