javascript - 将 slider 的 ui.value (jquery UI) 中的值发送到 #link

Question

我是 jq 新手，但我正在努力奋斗;(

问题:

我需要将 slider 变量(ui.value)传递给“http://NAME/sensor?ConnectFloat InputB cf_GrA_l2pY VALUE_FROM_SLIDER”，其中 value_from_Slider 是当我停止滑动时的值。.

我的代码可以在这里找到: http://jsfiddle.net/f2AWC/30/

或这里:

 $(function() {
    $("#slider").slider({                   
            value: 50,
            min: 0,
            max: 99,
            step: 1,
            slide: function(event, ui) {
                    $("#slider_value").val(ui.value);
                      }
    });
    $("#slider_value").val($("#slider").slider("value"));


});  

html:

<div id="slider"></div>    
sliderValue:

我知道我缺少一个新的 $function，但据我所知。

感谢您的帮助!

Answer 1

使用stop事件

$sliderValue="";
$("#slider").slider({                   
                value: 50,
                min: 0,
                max: 99,
                step: 1,
                slide: function(event, ui) {
                                $("#slider_value").val(ui.value);
                          },
            stop: function(event, ui) {
            alert(ui.value);
                $sliderValue=ui.value; //set the value to a global variable
            }
        });
        $("#slider_value").val($("#slider").slider("value"))

//send the value here
// $.post("http://NAME/sensor?ConnectFloat InputB cf_GrA_l2pY VALUE_FROM_SLIDER",{value:$sliderValue},function(data){...});

这是 fiddle http://jsfiddle.net/f2AWC/34/