jQuery Resize - 初始化函数（如果参数问题）

Question

下面的代码只是在视口宽度（var）超过设置宽度时执行一个函数。

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

function refit__slider__height(){ 
    var fitted__height = $('#promobanner__wrap').height() - 150; 

    $('#promobanner--slider').height(fitted__height); 
} 

$(document).ready(function() { 
    if (viewportWidth > 767){ 
     refit__slider__height(); 
    } 
}); 

// for the window resize 
$(window).resize(function() { 
    if (viewportWidth > 767){ 
     refit__slider__height(); 
    } 
}); 

不过，我已经注意到，当if语句低于767则上述767被调整的JS条件没有被捕获，页面刷新间隔为，如果条件相匹配。

有没有人遇到过这个？或者没有解决方案？

Answer 1

您需要在resize事件再如重新初始化viewportwidth，

var viewportWidth = $(window).width(); 
$(document).ready(function() { 
    if (viewportWidth > 767){ 
     refit__slider__height(); 
    } 
    $(window).resize(function() { 
     viewportWidth = $(this).width();// re-init width on resizing window 
     if (viewportWidth > 767){ 
      refit__slider__height(); 
     } 
    }); 
});