Обновление jQuery при изменении окна

Question

Я работаю над интерактивным, у которого есть jQuery, чтобы настроить позиционирование определенных анимаций на основе экранов. Проблема в том, что это не обновляется по мере изменения размера экрана, в отличие от Media Queries на CSS.

Я попробовал этот метод:

var screenSize = viewport()['width']; 
 

 
$(window).resize(function() { 
 

 

 
    if (screenSize >= 730 && screenSize <= 739) { 
 
    // new animation positions 
 
    } else if (screenSize >= 740 && screenSize <= 749) { 
 
    // new animation positions 
 
    } else { 
 
    // new animation positions 
 
} 
 
              
 
});

Любая идея, почему это не будет работать? Я могу изменить размер окна и обновить, чтобы найти анимацию в новых позициях, но не тогда, когда она будет изменена без обновления.

Спасибо.

Answer 1

Попробуйте это. Надеюсь, поможет.

var screenSize = $(window).width(); 

Это соответствует текущей ширине окна. Вы можете использовать это в своих условиях. я использую $ (window) .height() для достижения вещей, на которые я намереваюсь.