Не срабатывает оператор if на разрешении 768 и ниже . Jquery

186
05 июля 2018, 00:50

window.onload = function() { 
  var win_w = $('body').width(); 
  if (win_w < 768) { 
    console.log('if on'); 
  } 
  console.log('if off');  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Почему данный кусок кода работает только когда вместо 768 поставить 1024 и выше -____- При изменении ширины окна через devise toolbar google chrome Код находится перед закрывающимся body, jquery выше подключен..хэлп

Answer 1

Используйте событие resize:

$(window).resize(function() { 
  var win_w = $('body').width(); 
  if (win_w < 768) { 
    console.log(win_w, 'if on'); 
  } else { 
    console.log(win_w, 'if off');  
  } 
}).resize();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

READ ALSO
Vuex (Vue.js) - глобальное сообщение об ошибке

Vuex (Vue.js) - глобальное сообщение об ошибке

Как сделать глобальное глобальные ошибки в Vue (через Vuex)?

126
Как сделать спрайтовую анимацию?

Как сделать спрайтовую анимацию?

Как сделать спрайтовую анимацию,чтобы можно было разобраться и удобно настроить (ширину картинки и количество слайдов)? И еще нужно сделать...

338
Не оптимизируется путь в google maps

Не оптимизируется путь в google maps

Пишу android приложение с картой от googleНаписал код для запроса маршрута с использованием "google-maps-services:0

201
Java servlet - bean - жизненный цикл

Java servlet - bean - жизненный цикл

У меня несколько JSP страниц, под каждую есть свой сервлетКак правильно сделать, чтоб bean в спринге создавался и жил только, пока пользователь...

204