如何在页面加载期间禁用Foundation的6个范围滑块的初始化运动？

Question

我在页面上有大约50个范围滑块。由于滑块手柄的初始运动，这些非常滞后。如何禁用它？

有什么想法？

Answer 1

您可以在初始化滑块时从滑块手柄类中删除css过渡，然后恢复滑块值更改的过渡 - 这对我来说到目前为止

例如：

function mySliderInit(){

    // remove all transitions
    $(".slider-handle").css({
        transition: 'none'
    });

    // ...code to initialise slider
}

// Initialise slider
mySliderInit();

$(".slider").on("changed.zf.slider", function() {

    // restore transitions as defined in foundation.css
    $(".slider-handle").css({
        transition: ''
    });

    // ...handle slider value change
});