Slider NoUiSliderの値の保持範囲

Question

フォームを送信するときに、範囲スライダの値をNoUiSliderのままにしておくことに問題があります。

人々は範囲を設定し、送信ボタンを押すことができます。その範囲スライダからの値は、フォームを介してうまく提出されますが、スライダの範囲は新しい設定値に変更されます。

だから私は範囲を例えばに設定しました。誰かが範囲を例えばに設定すると0〜500。フォームを送信すると、範囲は100〜400に変わります。だから人々は範囲を0から500に変更することはできません。

私の質問： どのようにして範囲を（0〜500）のままにしますが、ハンドルを設定値に移動します（100〜400 ）？

それでは、私が持っていることはこれです：

<form> 
    <input type="hidden" name="max" value="0" id="filter_form_max" /> 
    <input type="hidden" name="min" value="500" id="filter_form_min" /> 

    <div id="slider-handles"></div> 

    <input type="submit" class="price-btn" />{{ 'Set price' | t }} 
    </form> 

そして、JS：

$(function() { 


var handlesSlider = document.getElementById('slider-handles'); 

    noUiSlider.create(handlesSlider, { 
    start: [ 0, 500 ], 
    format: wNumb({ 
     decimals:0, 
     thousand: '.' 
    }), 
    range: { 
     'min': [ 0 ], 
     'max': [ 500 ] 
    }, 
    tooltips: true, 
    }); 
    handlesSlider.noUiSlider.on('update', function(values, handle) { 
    var minVal = document.getElementById('filter_form_min'); 
    var maxVal = document.getElementById('filter_form_max'); 
     minVal.value = values[0] 
     maxVal.value = values[1] 
    }); 


}); 

Answer 1

あなただけの開始配列の値を変更する必要があります。 以下のものを変更してみてください。それは私のために働いた。

//---- some code --- 
    noUiSlider.create(handlesSlider, { 
    start: [ 100, 400 ], 
//-----