jQuery滑块,拖动手柄/滑块上的值

Question

我试图在拖动手柄(滑块)内显示滑块的值.任何提供的资源都非常感谢.我正在使用jQuery 1.5.1

谢谢

Answer 1

你在使用jQuery UI Slider吗？

如果是这样,这是一个解决方案:

$("#slider").slider({
    change: function() {
        var value = $("#slider").slider("option","value");
        $("#slider").find(".ui-slider-handle").text(value);
    },
    slide: function() {
        var value = $("#slider").slider("option","value");
        $("#slider").find(".ui-slider-handle").text(value);
    }
});

这里是jsFiddle的例子

Answer 2

只是想补充一点答案.

如果您正在设置初始值,或者您希望在调用slide方法之前文本显示在句柄上,则需要在底部添加文档就绪位,但我还将代码压缩了一点

   // take value from event, ui.value
   $("#slider1").slider({
      slide: function (event, ui) {
          $("#slider").find(".ui-slider-handle").text(ui.value);
      }
   });

   // sets text initially to value of slider, even if a default value is set
   $(document).ready(function() {
       var value = $("#slider").slider("option","value");
       $("#slider").find(".ui-slider-handle").text(value); 
   });