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

Question

[Альберт Ушаков]

Пытаюсь убрать ненужные коды на мобилках. Но столкнулся с такой проблемой.
$(document).ready( function() {
$(window).resize(function(){
if ($('body').width() >= 600) {
Скрипты
}
});
});
Как сделать так, чтобы код проверял размер экрана при загрузке, и запускал определенные скрипты по условию, при этом чтобы проверял изменение размера после? Как это сделать в одном слушателе а не раздельно как в примере?

Answer 1

[Владимир Проскурин]

function checkConds() {
   //скрипты
}
$(document).ready( checkConds );
$(window).resize( checkConds );

Comments

[Альберт Ушаков]

Ахахах гениально))

[Владимир Проскурин]

Альберт Ушаков, тут можно два ответа помечать решением, ё.

[Альберт Ушаков]

Владимир Проскурин, .resize почему то не пашет, только при загрузке страницы.

[Виктор П.]

Да, ваше решение гораздо изящнее ) я просто ctrl+c, ctrl+v и в продакшн, даже и не подумал, про лишний код )

[Владимир Проскурин]

Альберт Ушаков, вроде работает https://jsfiddle.net/gr8Lb29o/

[Альберт Ушаков]

Владимир Проскурин, Такое чувство, будто скрипты раз загрузятся и когда размер экрана уменьшится, скрипты так и лежат. Наверное их как то нужно удалять и потом снова вставлять?)

[Владимир Проскурин]

Альберт Ушаков, если вы говорите про внешние js файлы, то они уже выполнены, и не важно, удалили вы их. Нужно отключать то, что они сделали. Например у слайдеров часто есть метод destroy, а кого-то можно просто спрятать через стили. Даже если вы вручную удалите скрипт в браузере, это ни на что не повлияет, т.к. скрипты читаются только один раз и хранятся в памяти.

Answer 2

[Виктор П.]

var superNamedFunction(){
   if ($('body').width() >= 600) {
      //Скрипты
   }
}

$(document).ready( function() {
   superNamedFunction();
});

$(window).resize(function(){
   superNamedFunction();
});