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);

Jssor Slider没有响应 - 2

1 个答案: