将滑块的 ui.value (jquery UI) 中的值发送到 #link

Question

我是一个 jq 新手，但我正在努力奋斗；（

问题：

我需要将滑块变量（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

在帖子上回答可能有点晚了。
但是在查看问题之后。您可能需要通过 jquery slider 的 stop 事件发送 AJAX 请求。

以下代码可能会对将来面临同样问题的其他程序员有所帮助。

$(document).ready(function(){
$("#slider").slider({
            range : "min",
            min : 0,
            max : 100,
            value : 3,
            stop : function(event, ui) {                     
                slideValue = ui.value;
                       $.ajax({
                     url : "http://sample/url/request",
                    type : "POST",
                    data : {
                        "slideValue" : slideValue
                    },
                                dataType : "json",
                         success : function(response){
                                         console.log(response);
                    }
                });
            }
        });
});

http://api.jqueryui.com/slider/#toptions

Answer 2

使用 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){...});

这里是小提琴 http://jsfiddle.net/f2AWC/34/

Answer 3

我不确定我是否理解 http://NAME/sensor?ConnectFloat InputB cf_GrA_l2pY VALUE_FROM_SLIDER 的部分。你能在那里详细说明一下吗？

当您停止滑动时，可以使用 stop 函数，其工作方式与 slide 相同。文档此处

Answer 4

您可以使用滑块 val 并将其附加到链接 href

例如

$('#link').attr('href','http://NAME/sensor?ConnectFloat InputB cf_GrA_l2pY '+$("#slider_value").val());

演示 - http://jsfiddle.net/Jayendra/f2AWC/32/