发送值#LINK

IM一个JQ新手，但即时战斗我的方式波谷;（发送值#LINK

问题：

我需要通过一个滑块变量（ ui.value）到 “HTTP：//名称/传感器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:

我知道我在想念一个新的$功能，但是这是我的理解。

感谢您的帮助！

来源

2011-10-06 Desmond

我不知道WHA T优找你想设置滑块的基础上的“http？// NAME /传感器ConnectFloat InputB cf_GrA_l2pY VALUE_FROM_SLIDER”的值，其中value_from_Slider是值。或者你想要制作一个网址并将滑块的值放入网址中。请你稍微解释一下，说清楚你想做什么。 –

我想将滑块值放入href链接并在用户停止滑动时触发它，以便另一端更新。 – Desmond

我不确定我是否理解http://NAME/sensor?ConnectFloat InputB cf_GrA_l2pY VALUE_FROM_SLIDER的部分。你能再详细一点吗？

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

来源

2011-10-06 08:17:47 realshadow

好的。生病的解释多一点。 http是我从html页面发送到传感器软件的代码。html是它的gui。我需要以某种方式实现滑块，因为即时更改软件中的值。这就是为什么我需要jquery发送停止滑动，使软件中的值同步变化。 – Desmond

http：//名称/传感器？ConnectFloat InputB cf_GrA_l2pY VALUE_FROM_SLIDER名称是我正在向传感器发送请求的网络中的一台机器，传感器？ConnectFloat InputB cf_GrA_l2pY是传感器http套接字发送的通道集，VALUE_FROM_SLIDER是用户滑动到的滑块值。如果用户滑动到另一个值，则滑块会更新http字符串中的VALUE。 – Desmond

您可以使用滑块VAL并将它添加到链接的href

例如

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

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

来源

2011-10-06 08:19:13 Jayendra

使用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/

来源

2011-10-06 08:21:56 Rafay

很好。我更新时的警报工作，$ .post（“http：// NAME/sensor？ConnectFloat InputB cf_GrA_l2pY”，{value：$ sliderValue};是否正确？ – Desmond

http://jsfiddle.net/f2AWC/37/ – Desmond

如果你想通过查询字符串参数发送数据，你希望如何发送数据到'GET'或'POST'，你可以像'http：// NAME/sensor？ConnectFloat InputB cf_GrA_l2pY =“+ ui.value'请确保查询字符串参数 – Rafay

这可能是有点晚答复的讯息。但看后的问题。您可能需要发送一个AJAX请求在停止事件的jquery滑块。

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

$(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

来源

2014-05-03 11:41:35 Daenarys

回答

相关问题