jQuery - 在输入中显示滑块值

Question

如何在输入中显示我的滑块值，因此当用户拖动滑块时 - 这些值将动态显示在每个滑块旁边的输入中？

以下是示例：

http://jsfiddle.net/YHmkp/

Answer 1

$(".slider").slider({
    slide: function(event, ui) {
        $(this).next().val(ui.value);
    }
});

http://jsfiddle.net/reigel/YHmkp/1/

Answer 2

使用http://jqueryui.com/demos/slider/上详述的滑块事件：

例如：

$( ".selector" ).slider({
   slide: function(event, ui) {

     // value is supplied in ui.value for single-handled sliders
     var currentValue = ui.value;

     $("#yourinputbox").val(currentValue);
   }
});