發送值#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

回答

相關問題