將滑塊的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:

我知道我錯過了一個新的$函數，但據我所知。

謝謝你的幫助！

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

在帖子上回答可能有點晚了。 但在查看問題之后。您可能需要在jquery滑塊的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 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/