javascript изменить размер события на прокрутке - мобильный

Question

Я пытаюсь создать сайт для мобильных устройств. У меня есть событие «resize», связанное с окном, которое должно переставлять элементы при повороте мобильного устройства (портрет < -> пейзаж). На iPhone и Samsung Galaxy SII событие срабатывает, когда я прокручиваю страницу, и это не хорошо.

Любые предложения?

Answer 1

Используйте вместо этого событие onOrientationChange и имущество window.orientation.

См. Также this answer.

Здесь ссылка to a test page.

Answer 2

Кэш ширины окна просмотра и при изменении размера возвращает значение false, если ширина остается неизменной.

Небольшой JQuery фрагмент:

var cachedWidth = $(window).width(); 
    $(window).resize(function(){ 
     var newWidth = $(window).width(); 
     if(newWidth !== cachedWidth){ 
      //DO RESIZE HERE 
      cachedWidth = newWidth; 
     } 
    });