javascript - Jssor jQuery对 Safari 不响应

在Google Chrome和Firefox中，它可以正常工作，但在野生动物园中却没有响应。

这是我尝试的代码：

var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizes
function ScaleSlider() {
    var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
    if (refSize) {
        refSize = Math.min(refSize, 850);
        jssor_1_slider.$ScaleWidth(refSize);
    }
    else {
        window.setTimeout(ScaleSlider, 30);
    }
    console.log(refSize);
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end

最佳答案

我也对Safari中的此滑块的响应能力有一些疑问。滑块使用转换来调整滑块的大小，但较早版本的safari仅支持-webkit-transform。下面的代码将调整滑块的大小。将width_of_slider替换为您的滑块宽度，看起来是850。

function ScaleSlider() {
    var parentWidth = $('#slider1_container').parent().width();

    if (parentWidth > 320) {
        jssor_slider1.$ScaleWidth(parentWidth);

        // This whole big block is used to handle old-school safari issues with the css "transform" property

        var inner = $('#slider1_container div').first();
        if (inner.css('-webkit-transform') != ""){
            inner.css('webkit-transform', "scale(" + parentWidth / width_of_slider + ")");
        }
        else {
            inner.attr('style', inner.attr('style') + " -webkit-transform: scale(" + parentWidth / width_of_slider + ");");
        }
        if (inner.css('-webkit-transform-origin') != ""){
            inner.css('webkit-transform-origin', "0px 0px 0px");
        }

    }
    else
        window.setTimeout(ScaleSlider, 30);
}

//Scale slider after document ready
ScaleSlider();

//Scale slider while window load/resize/orientationchange.
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end

关于javascript - Jssor jQuery对 Safari 不响应，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33143358/