2016-10-06 20 views
0

nouiSliderを特定の値よりも低く抑える方法。nouiSliderを特定の値より下にスライドさせるのを止めるには?

私はそれが、これは私がまだ行って何

slider.nouiSlider.on('change', function(){ 
}); 

のものになると思います。

var slider = document.getElementById('year-slider'); 

noUiSlider.create(slider, { 
    start: [1], 
    step: 1, 
    connect: 'lower', 
    behaviour: 'snap', 
    range: { 
     'min':0, 
     'max':8 
    } 
}); 


var lSlide = document.getElementById('year-slider'); 
var lChange = document.getElementById('year-slider'); 

highlightLabel(INDEX); 
function addClassFor (element, className, duration) { 
    element.classList.add(className); 
    setTimeout(function(){ 
     element.classList.remove(className); 
    }, duration); 
} 

slider.noUiSlider.on('change', function(){ 
    addClassFor(lChange, 'tShow', 450); 
}); 

slider.noUiSlider.on('slide', function(){ 
    addClassFor(lSlide, 'tShow', 450); 
}); 

どのように正確に行うのかわかりません。

ありがとうございました。

+0

スライダーの最小値と最大値はどのように設定できますか? –

+0

@LuigiCerone申し訳ありませんが、私はすでに行ったことを示す質問を編集しました。 私がしたいことは、私が15000の値を下回るようにしたくないということです。 –

答えて

1

あなたはchangeイベントにslider.noUiSlider.set()を呼び出すことができます。

slider.noUiSlider.on('change', function (values, handle) { 
    if (values[handle] < 15000) { 
     softSlider.noUiSlider.set(15000); 
    } 
}); 

はそれを試してドキュメントのthis exampleを参照してください。

関連する問題