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:

我知道我错过了一个新的$函数，但这是我所理解的。

感谢您的帮助！

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

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

Answer 2

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

当您停止滑动时，您可以使用stop功能，其功能与slide相同。文档here

Answer 3

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

e.g。

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

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

Answer 4

在帖子上回答可能有点晚了。但在查看问题之后。您可能需要在 jquery滑块的停止事件上发送 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

将滑块的ui.value（jquery UI）的值发送到#link

4 个答案: