スライダを生成する入力のデフォルト値を設定するにはどうすればよいですか？

Question

私は、ユーザーが3つのオプションの間で選ぶことができ、スライダを示し、この次のコードを持っている：ペール、ミディアムまたは深い

スライダーをタッチされていない場合、私は、デフォルト値を設定するにはどうすればよい

<input id="concentration" type="text" 
          data-provide="slider" 
          data-slider-ticks="[1, 2, 3]" 
          data-slider-ticks-labels='["pale", "medium", "deep"]' 
          data-slider-min="1" 
          data-slider-max="3" 
          data-slider-step="1" 
          data-slider-tooltip="hide" /> 

を？現時点では、スライダーに触れていない場合、JavaScriptで取得できる値は最大値である3になります。私は代わりにデフォルトに1を設定したいと思います。ありがとう

Answer 1

data-slider-valまたはdata-slider-value属性を使用してみてください。

それはあなたのケースでは、次のようになります。私は、あなたがSlider for Bootstrapを使用している間違っていない場合は

<input id="concentration" type="text" 
          data-provide="slider" 
          data-slider-ticks="[1, 2, 3]" 
          data-slider-ticks-labels='["pale", "medium", "deep"]' 
          data-slider-min="1" 
          data-slider-max="3" 
          data-slider-step="1" 
          data-slider-tooltip="hide" 
          data-slider-value="1" 
/> 

---

。

私が合ったら、thisデモページで詳しい情報をご覧ください。

Answer 2

data-slider-value=""を追加し、デフォルト値として使用する値を入力してから、ロードするとその値になります。例：

data-slider-value="1"