Javascript 检测窗口大小以运行不同的属性

我希望根据视口大小更改bxslider的参数。但是，如果用户调整其浏览器的大小（或旋转其移动设备），我希望这种方法能够起作用。到目前为止，我有下面运行相关函数的代码。但是，这不会检测到重新调整的大小？我如何检测这个？此外，我有运行我使用的函数的特定方式（仅当页面上存在元素等时，因此注释之间是我需要代码的地方）

clientsSlider:函数（）{
if（$（'.clients'）.length）{
//  
如果（$（窗口）.width（）>=1024）{
$（'.bxslider'）.bxslider({
米斯利德斯：4，
maxSlides:4，
滑动宽度：170，
幻灯片摘要：100，
回答：对
});  
}
如果（$（window）.width（），则可以使用jQuery的方法检测窗口的大小调整：

$( window ).resize(function() {
    if($(window).width() >= 1024){
        $('.bxslider').bxSlider({
          minSlides: 4,
          maxSlides: 4,
          slideWidth: 170,
          slideMargin:100,
          responsive: true
        });  
    } else {
        $('.bxslider').bxSlider({
          minSlides: 2,
          maxSlides: 2,
          slideWidth: 170,
          slideMargin:50,
          responsive: true
        });  
    }
});

顺便说一句，您不应该使用>=并且bxSlider内置了响应行为。您不应该手动重新初始化它……或者您应该使用
reloadSlider（）
。
$( window ).resize(function() {
    if($(window).width() >= 1024){
        $('.bxslider').bxSlider({
          minSlides: 4,
          maxSlides: 4,
          slideWidth: 170,
          slideMargin:100,
          responsive: true
        });  
    } else {
        $('.bxslider').bxSlider({
          minSlides: 2,
          maxSlides: 2,
          slideWidth: 170,
          slideMargin:50,
          responsive: true
        });  
    }
});