Twitter Bootstrap Slider 默认值

Question

我正在使用这个库来制作Bootstrap滑块。

这是我表单上的输入：

<div class="form-group">
  <label for="weeks" class="col-md-3 control-label">Weeks</label>
  <input name='weeks' id="weeks" data-slider-id='ex1Slider' type="int" data-slider-min="0" data-slider-max="4" data-slider-step="1" data-slider-value="{{weeks}}"/>
</div>

这是我用Python Bottle写的代码：

return bottle.template("weeks.html",weeks=0)

这是我处理提交的代码：

weeks = bottle.request.forms.get("weeks")

这是JavaScript代码：

<script>
   $('#weeks').slider({
      formater: function(value) {
      return 'Current value: ' + value;
      }
    });
</script>

当页面加载时，我把变量weeks设置为0。如果我移动滑块，然后提交表单，我能得到正确的值。但是，如果我不动滑块，保持默认状态，提交时我得到的weeks值是None。

Answer 1

在HTML中也要设置初始值。

<input type="text" class="slider" value="25" id="threshold" name="threshold">

除此之外

$('.slider').slider({
    min: 0,
    max: 250,
    step: 25,
    orientation: 'horizontal',
    value: 25,
    selection: 'before',
    tooltip: 'show'
})