jquery - Twitter Bootstrap slider 默认值

标签 jquery python twitter-bootstrap bottle

我正在使用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 保留为默认值,那么在提交时,我会在几周内得到值“无”。

最佳答案

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

关于jquery - Twitter Bootstrap slider 默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22947065/

相关文章:

javascript - 加载窗口上的 jQuery

python - 如何匹配 JSON 文件中的日期加任意时间?

python - 如何组合多个朴素贝叶斯分类器的输出?

javascript - 根据屏幕大小更改列数

html - 使用 Bootstrap 的 Jumbotron 背景图片对我不起作用

javascript - jQuery setTimeout 在值发布时刷新

javascript - 如何切换<td>的内容?

javascript - 带有 jsonp 的 jQuery .ajax() 不调用成功回调函数

python - 如何按给定的索引顺序对 Series 或 DataFrame 进行排序?

html - 当一个元素悬停并影响CSS中的另一个元素/类时,如何添加悬停效果?