具有简单形式的Bootstrap滑块

时间:2014-09-04 21:34:38

标签: jquery html5 twitter-bootstrap haml

我在下面有一个用于引导滑块http://www.eyecon.ro/bootstrap-slider/的代码,但由于某种原因它只显示单个句柄,而不是范围。有人可以建议问题在这里吗?

     = form.text_field :price, id: 'slider', type: 'text', data: 
{'slider-id' => 'slider', 'slider-min' => '0', 'slider-max' => '4020', 
'slider-step' => '1', 'slider-value' => '14' }    

价格是一个字符串

jquery的

$("#slider").slider();

1 个答案:

答案 0 :(得分:0)

这对我有用

$("#slider").slider({
            min: 5,
            max: 4500,
            step: 5,
            value: [5,4500],
            tooltip: "hide"
        });