2014-04-08 116 views
2

我使用this library用於引導滑塊。Twitter的引導滑塊的默認值

這裏是我的形式

<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的瓶代碼:

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.1設置變量星期如果我移動滑塊,當我提交表單,我得到正確的值。但是,如果我保持滑塊處於默認狀態,那麼在提交時,我會在幾周內獲得值None。

+0

你可以張貼的JavaScript,並在您做出'滑塊()'調用? –

+0

@DavidChase當然。我已經更新了這個問題。 – Tasos

回答

2

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