Как отключить загрузку скрипта в зависимости от разрешения экрана?

Question

[Роман]

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

function getWindowWidth() {
  return window.innerWidth || document.body.clientWidth;
}

if (getWindowWidth() <= 820) {
   ...
}

Comments

[Hyubert]

ставте вызов на собитие 'resize'

[Hyubert]

window.addEventListener('resize', function () {
  if ( getWindowWidth() <= 820) {
    ...
  }
}, false)

[Роман]

Hyubert: нет, это не работает

[Николай Чуприк]

Быть не может.

[Hyubert]

Роман: как не работает??? Вот пример

[Роман]

Hyubert: посмотрите что именно с моим скриптом происходит) https://codepen.io/anon/pen/WjrJWz

[Роман]

Hyubert: т.е. в начале все ок, а когда сужаем экран, то происходит, даже не знаю как назвать)

[Hyubert]

Роман: все верно, он вызиваеться каждый раз когда идет событие, а Вам нужно 1 раз?

[Роман]

Hyubert: да, т.е. либо больше 820 - не грузим, либо меньше 820 - грузим.

[Hyubert]

Роман: ставте флаг в дата атрибут и проверяйте его наличие, например - когда менше 860 в первом визове присаивать атрибут опен, а по его наличию добавлять Ваш код, это всего + 1 проверка в коде

[Hyubert]

Роман: как то так, только допишите код в else на скривание елементов

[Hyubert]

Роман: рабочий пример у Вас есть, рефакторинг, надеюсь сами проведете

Answer 1

[Negwereth]

Про DOM-события слышали?