Skip to main content
 首页 » 编程设计

jquery之Twitter Bootstrap Slider 默认值

2024年11月01日32exmyth

我正在使用 this library用于 Bootstrap slider 。

这是我表单上的输入

<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。如果我移动 slider ,当我提交表单时,我会得到正确的值。但是,如果我将 slider 保留为默认值,那么在提交时,我会在数周内得到值 None。

请您参考如下方法:

同样在 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' 
})