Question

我试图通过按下“POSITIONSLIDERTOZERO”按钮来改变jquery滑块的位置。这会将新位置变量设置为0。它还将值设置为0，但实际滑块不会移动到位置0.它保持在之前设置的位置。

我在这里看了一下这个小提琴： http://jsfiddle.net/C8X4D/

这与我想要实现的非常类似，只是它使用的是文本框。

这是我的代码：＆安培; JS小提琴：https://jsfiddle.net/ns7sq02n/3/

  function initSlider() {
        $(slider).slider({
                    max: 100,
                    min: 0,
                    step: 1,
                    value: 0,
                    animate: true,
                    slide: function (event, ui) {
                        $(slider + "NewPosition").text("New Position : " + ui.value);
                        newPosition = ui.value;
                    }
                });

    }

$(slider + 'POSITIONSLIDERTOZERO').on("click", function () {
 $(slider + "NewPosition").text("New Position : " + 0);
$(slider + 'POSITIONSLIDERTOZERO').slider('value',0);
}

Answer 1

必须将滑块值设置为0

$("#POSITIONSLIDERTOZERO").on("click", function() {
  $("#home" + "NewPosition").text("New Position : " + 0);
  $("#home").slider('value', 0);
});

全力以赴的jsfiddle： https://jsfiddle.net/ns7sq02n/6/

如何使用按钮更改UI Slider的物理位置

1 个答案: