Jssor Slider not responsive - 2

Question

我創建了CSS來處理各種瀏覽器寬度，當我禁用滑塊時，我的滑塊圖像的調整大小完全響應。我註釋掉這行禁用它：

 var jssor_slider1 = new $JssorSlider$("slider_container", options); 

當我搞滑塊和改變瀏覽器的寬度，圖像不再調整，而無需使用例如CTRL-F5援助。如果我添加此代碼，它也將正確調整大小，但屏幕會重新繪製。它也不會在舊的瀏覽器工作：

 $(window).resize(function() { 
     window.location.href = window.location.href; 
    }); 

我想你的響應代碼，但它並不能幫助：

function ScaleSlider() { 
    var parentWidth = $('#slider_container').parent().width(); 
    if (parentWidth) { 
     jssor_slider1.$ScaleWidth(parentWidth); 
    } 
    else 
     window.setTimeout(ScaleSlider, 30); 
} 
ScaleSlider(); 
    $(window).bind("resize", ScaleSlider); 

Answer 1

爲什麼要創建CSS來處理各種瀏覽器的寬度？ 我認爲最好的方法是自定義ScaleSlider函數來將其縮放到各種大小以適應不同的瀏覽器。

function ScaleSlider() { 
    var parentWidth = $('#slider_container').parent().width(); 
    var sliderWidth = ...; //determin width to display according to browser and window width 
    if (parentWidth) { 
     jssor_slider1.$ScaleWidth(sliderWidth); 
    } 
    else 
     window.setTimeout(ScaleSlider, 30); 
} 
ScaleSlider(); 
$(window).bind("load", ScaleSlider); 
$(window).bind("resize", ScaleSlider); 
$(window).bind("orientationchange", ScaleSlider);