jQuery UI Slider不更改默认值

Question

我已经使用jQuery UI设置了一个滑块，并显示正确的默认值60。但滑块仍位于最左侧。它应该移到值60。

https://imgur.com/a/QXfzugs

尝试过在StackOverflow上找到不同的选项，但无济于事。

var gewichtSlider = $("#gewicht-slider").slider({
    min: 40,
    max: 200,
    slide: function(event, ui) {
        $("#gewicht").val(ui.value).trigger('change');
        $("#gewicht-label").text(ui.value);
        $("#gewicht-handle").text(ui.value + ' kg');
    }
});
gewichtSlider.slider('option', 'slide').call(gewichtSlider, null, {value: 60});
滑块不移动。

JSfiddle：https://jsfiddle.net/tz6pea5c/

我已经使用jQuery UI设置了一个滑块，并显示正确的默认值60。但滑块仍位于最左侧。它应该移到值60。https://imgur.com/a/QXfzugs尝试过...

Answer 1

滑块的默认值是使用value属性设置的。要在标签中显示初始值，您需要添加create回调，该回调在初始化滑块之后立即被调用。然后，您需要添加slide回调以响应滑动事件并相应地更改标签的值。最后，我删除了一个隐藏的输入字段，并向您展示了如何通过单击按钮从滑块本身检索值。如果需要将值保存在隐藏的输入字段中，则可以修改setSliderValue函数，如下所示：

Answer 2

这里是一个有效的示例：https://jsfiddle.net/Twisty/34eg1xc9/21/