Как сделать что бы скрипт применялся динамически?

Question

[Shuboanator]

$(window).ready(function(){
    if ($(window).width() >= 992) {
        $('.services-box').height($('.services-box').width()/2.2);
    }
});

Сейчас он применяется статично при обновлении страницы. Как сделать что бы изменялось динамически?

Answer 1

[garmon85]

оберните в
$(window).resize(function(){...});

Comments

[Shuboanator]

$(window).ready(function(){
    if ($(window).width() >= 992) {
        $('.services-box').height($('.services-box').width()/2.5);
    }
});


$(window).resize(function(){
    if ($(window).width() >= 992) {
        $('.services-box').height($('.services-box').width()/2.5);
    }
});

Адекватно работает только так. Если обернуть тупо в ресайз, то изначальная высота не задается.

[garmon85]

Можно немного сократить

$(document).ready(function(){	
function resize (){
if ($(window).width() >= 992) {	
$('.services-box').height($('.services-box').width()/2.5);	
}
};	
$(window).resize(function(){
resize ();
});
resize ();
});