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

Posted 2023-05-08

【中文标题】如何使用按钮更改 UI Slider 的物理位置

【英文标题】：How to change UI Slider's physical location using button

【发布时间】：2016-10-13 21:17:03

【问题描述】：

我正在尝试通过按下“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);

【问题讨论】：

你能对你的代码做一个 jsfiddle 吗？如果不知道代码的 html 部分，就很难说些什么。

我现在正在这样做。谢谢你:)

全部在 jsfiddle 上完成。

全部在 jsfiddle 上完成。如果更改滑块并单击 gohome，位置将重置为 0，但滑块仍位于之前的位置。

【参考方案1】：

必须将滑块值设置为 0

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

完整的工作jsfiddle： https://jsfiddle.net/ns7sq02n/6/