ページロード中に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 
});