Отправка значения из ui.value (jquery UI) ползунка в #link - PullRequest
Новая
       9

Отправка значения из ui.value (jquery UI) ползунка в #link

2 голосов
/ 06 октября 2011

я новичок в 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:

Я знаю, что мне не хватает новой функции $, но это, насколько я понимаю.

Спасибо за любую помощь!

Ответы [ 4 ]

5 голосов
/ 06 октября 2011

используйте событие 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/

1 голос
/ 03 мая 2014

Возможно, будет немного поздно ответить на этот пост.Но, посмотрев на вопрос. Возможно, вам придется отправить AJAX-запрос через stop события jquery slider .

Следующий кодможет быть полезным в будущем для других программистов, сталкивающихся с той же проблемой. 

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

1 голос
/ 06 октября 2011

Вы можете использовать ползунок val и добавить его к ссылке href

например 

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

Демо - http://jsfiddle.net/Jayendra/f2AWC/32/

1 голос
/ 06 октября 2011

Я не уверен, что понимаю часть с http://NAME/sensor?ConnectFloat InputB cf_GrA_l2pY VALUE_FROM_SLIDER.Не могли бы вы рассказать немного подробнее?

Когда вы остановите скольжение, вы можете использовать функцию stop, которая работает так же, как slide.Документация здесь

...