Отловить ширину элемента при повороте экрана на моб. устройстве

@Academik · Регистрация: 04.04.2013

Author24 — интернет-сервис помощи студентам

Доброго времени суток. Есть примитивный код:

Javascript

var width = $(document).width();
 
if(width < 650){
 $('#block').hide();
}
 
if(width > 800){
 $('#block').show();
}

Проблема в том, что в переменную width записывается значение только при загрузке страницы. Но на моб. устройстве при повороте экрана ширина меняется и второе условие не срабатывает.

Как отловить ширину при повороте экранов на мобильных устройствах и добиться выполнения двух условий без перезагрузки страницы?

@sad67man · 24.05.2016, 20:50

Javascript

$( window ).resize(function() {
var width = $(document).width();
 
if(width < 650){
 $('#block').hide();
}
 
if(width > 800){
 $('#block').show();
}
})

@Academik · 25.05.2016, 15:55 **[ТС]**

Выяснил что функция resize выполняет код внутри нее столько раз, сколько было поворотов экрана.
Как выполнять код только один раз?

Добавлено через 14 часов 36 минут
Никто не сталкивался с адаптивной версткой? (

@Academik 1025 / 678 / 295 Регистрация: 04.04.2013 Сообщений: 2,709
	25.05.2016, 15:55 [ТС]	3
	Выяснил что функция resize выполняет код внутри нее столько раз, сколько было поворотов экрана. Как выполнять код только один раз? Добавлено через 14 часов 36 минут Никто не сталкивался с адаптивной версткой? ( 0