jssor滑块的刻度

Question

我对这个刻度码没意见：

var MAX_WIDTH = 2000;

function ScaleSlider() {
    window.setTimeout(ScaleSlider, 30);
}

ScaleSlider();
$Jssor$.$AddEvent(window, "load", ScaleSlider);
$Jssor$.$AddEvent(window, "resize", ScaleSlider);
$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);

但这对滑块来说是个问题。实际上，我的滑块选项是：

var jssor_1_options = {
    $AutoPlay: 0,
    $SlideWidth: 200,
    $SlideSpacing: 5,
    $Loop: 0,
    $ArrowNavigatorOptions: {
        $Class: $JssorArrowNavigator$,
        $Steps: 3
    }
}

这意味着，由于"$SlideWidth: 200“，它显示了许多图像。

我用了12张照片。但是当我运行滑块时，它只显示了6或7张图像，它认为滑块已经完成。不能比这6或7滑得多。

当我删除"$Loop: 0“时，你应该知道它是正确工作的。

这是我的代码示例：https://code.sololearn.com/WQ80P1R1Un0J/#

Answer 1

我检查了你的演示，它成功了。

编辑响应代码在ScaleSlider函数中缺失

jssor_mostsold_slider_init = function() {
    var jssor_1_options = {
        $AutoPlay: 0,
        $SlideWidth: 200,
        $SlideSpacing: 5,
        $Loop: 0,
        $ArrowNavigatorOptions: {
            $Class: $JssorArrowNavigator$,
            $Steps: 3
        }
    };

    var jssor_1_slider = new $JssorSlider$("jssor-mostsold-slider", jssor_1_options);

    /*#region responsive code begin*/

    var MAX_WIDTH = 2000;

    function ScaleSlider() {
            window.setTimeout(ScaleSlider, 30);
    }

    ScaleSlider();
    $Jssor$.$AddEvent(window, "load", ScaleSlider);
    $Jssor$.$AddEvent(window, "resize", ScaleSlider);
    $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
};

见下面的ScaleSlider示例，

function ScaleSlider() {
    var containerElement = jssor_1_slider.$Elmt.parentNode;
    var containerWidth = containerElement.clientWidth;

    if (containerWidth) {

        var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

        jssor_1_slider.$ScaleWidth(expectedWidth);
    }
    else {
        window.setTimeout(ScaleSlider, 30);
    }
}