如何从jQuery的滑块

recive值我尝试设置滑块 http://jqueryui.com/slider/#range 如何从jQuery的滑块

<script> 
    $(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
     $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
     " - $" + $("#slider-range").slider("values", 1)); 
    }); 
    </script> 
</head> 
<body> 

<p> 
    <label for="amount">Price range:</label> 
    <input type="text" class="sliderJquery" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;"> 
</p> 
<div id="slider-range"></div>

但我不知道如何defind这个值（我recive当我改变一个范围值的两个拖动手柄。）以供在过滤器中使用。我试图写这样的东西，但它不工作

$("div[class='sliderJquery'] input").change(function(event, ui){ 
      leftPrice = $("#amount").val(ui.values[ 0 ]); 
      rightPrice = $("#amount").val(ui.values[ 1 ]); 
      console.log("Left: "+leftPrice); 
      console.log("Right: "+rightPrice); 
     });

来源

2017-02-27 Viking

就像'slide'回调;有一个'change'事件回调，当你释放处理程序时会被调用。如果我正确理解你的问题，那么我想你可以利用它。 – vijayP

可以得到上滑块改变滑块的值，可通过连接“变化”事件的滑块。

$("#slider-range").slider({ 
    change: function(event, ui) { 
    // Get the value 
    var leftValue = ui.values[0]; 
    var rightValue = ui.values[1]; 
    } 
});

如果你想设置的值：

$("#slider-range").slider('values',0,10); // sets first handle with index 0 to 10 
$("#slider-range").slider('values',1,30); // sets second handle with index 1 to 30

来源

2017-02-27 13:18:34

此信息。记录在api中。

// Getter 
var values = $(".selector").slider("option", "values");

这将保存值的变量values

来源

2017-02-27 12:57:33

如何从jQuery的滑块

回答

相关问题