Javascript - 更改變量的大小不工作與JSSOR滑塊

Question

我想要更改var screenWidth;當調整窗口到手機。當我加載時它正在工作，但在調整大小時沒有。我在這裏錯過了什麼？我正在使用jssor滑塊。我可以在控制檯中看到screenWidthFunction（）正在工作。

JS：

var screenWidth; 

    function screenWidthFunction() { 

     if($(window).innerWidth() < 768) {    
      screenWidth = 960; 
      console.log(screenWidth); 
     } else { 
      screenWidth = 1920; 
      console.log(screenWidth); 
     } 

    } 

    //var screenWidth = 1920; 

    screenWidthFunction(); 

    function ScaleSlider_home_1() { 
     var refSize_home_1 = jssor_home_1_slider.$Elmt.parentNode.clientWidth; 
     if (refSize_home_1) { 
      refSize_home_1 = Math.min(refSize_home_1, screenWidth); 
      jssor_home_1_slider.$ScaleWidth(refSize_home_1); 
     } 
     else { 
      window.setTimeout(ScaleSlider_home_1, 30); 
     } 
    } 
    ScaleSlider_home_1(); 

    $(window).bind('load',function(){ 
     //screenWidthFunction(); 
     ScaleSlider_home_1(); 
    });    

    $(window).bind('resize',function(){ 
     screenWidthFunction(); 
     ScaleSlider_home_1(); 
    });    

    $(window).bind('orientationchange',function(){ 
     //screenWidthFunction(); 
     ScaleSlider_home_1(); 
    }); 

這是我的小提琴：http://jsfiddle.net/df58scsk/1/

Answer 1

你可以試試這個

$(window).resize(function() { 
    screenWidthFunction(); 
    ScaleSlider_home_1(); 
}); 

你並不需要綁定事件

Answer 2

您可能需要的一個下面的例子，

https://github.com/jssor/slider/blob/master/examples/full-window-contain-mode.html https://github.com/jssor/slider/blob/master/examples/full-window-cover-mode.html

並會公佈在幾天後的版本25.3.0，它帶有全窗口，柔性mode.html其針對移動設備。