Question

嘿我有一个使用jquery ui设置的滑块，由于某种原因我无法得到一个滑块的基本设置，范围1-3，然后移动滑块时显示当前值一个div，由于某种原因，它显示的数字不是1,2,3。

我有一个小提琴：

代码如下：

HTML：

<div id="variable_slider"></div>
<div id="slide"></div>

JS：

 $("#variable_slider").slider({
     value: 2,
     range: "min",
     min: 1,
     max: 3,
     step: 1,
     slide: function (event, ui) {
         slider_value = $("#variable_slider").slider("value");
         $("#slide").html(slider_value);
     }
 });

Answer 1

替换：

slider_value = $("#variable_slider").slider("value");
$("#slide").html(slider_value);

使用：

$("#slide").html(ui.value);

<强> jsFiddle example

Answer 2

尝试使用

 $("#variable_slider").slider({
     value: 2,
     range: "min",
     min: 1,
     max: 3,
     step: 1,
     slide: function (event, ui) {
         slider_value = ui.value;
         $("#slide").html(slider_value);
     }
 });

而重要的部分是：

slider_value = ui.value;

<强>为什么吗

ui 已经提供了对滑块对象的引用，其属性 .value 包含正确的值。

有关示例实现，请参阅this page。

jquery ui slider在var中存储值

2 个答案: