Как правильно повесить append на window.resize?

Question

[Роман Татаринов]

Делаю мобильное меню, выполняю append при 750 пикселях, все работает. Но при этом не работают скрипты которые ниже. И все это когда прописываю window.resize

var w = window.innerWidth ? window.innerWidth : $(window).width();
if (w<=749) {
$(window).resize(function(){
   $('header').append($('.menu'));
   .............. мои мобильные скрипты
 });
}

при таком варианте не работаю "мои мобильные скрипты", также они не работают, если все оборачивать в window.resize(function(){}
Как правильно сделать, чтобы все работало и на resize?

Answer 1

[trushka]

При ресайзе надо либо добавлять, либо убирать меню в зависимости от ширины (хотя правильнее сделать это в css с помощью медиазапросов), при этом проверка размера должна быть ВНУТРИ обработчика resize, а сам обработчик вызвать сразу после создания:

$(window).resize(function(){
  if ((window).width()<150) {...}
  else {...}
}).resize()

А скрипты надо сразу выполнять. и проверять необходимость их выполнения не размером экрана, а, допустим, наличием touch-events, если они для нормального функционирования тачскрина, например.

Comments

[Роман Татаринов]

У меня это через css делается. Дело в другом, у меня происходит append, вот он то и не работает без перезагрузки страницы..

[Роман Татаринов]

А как сразу выполнить? Тут девайсов целая куча. Всякие айпады с разрешением 2560 пикселей. Я понимаю, что всякие modernizer есть, но все равно всего не определишь.

[trushka]

Ну, я ж написал - сразу вызвать событие resize() после создания - в конце кода, что я привёл в ответе. тогда и скрипты все выполнятся, если нужно