Twitter Bootstrap 滑块默认值

Question

我使用 this library 作为引导滑块。

这是我表单上的输入

<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>

当页面加载时，我将变量周设置为 0。如果我移动滑块，当我提交表单时，我会得到正确的值。但是，如果我将滑块保持在默认状态，那么在提交时，我会在几周内得到值 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'
})