如何從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的滑塊

回答

相關問題