獲取jQuery兩句柄滑塊值

Question

我有以下HTML和JS結構，用於使用jQuery兩句柄范圍滑塊：

.html

<p>
  <input class="amount" readonly style="border:0; color:black; background: transparent; text-align: center;" type="text">
</p>
<div class="slider-range"></div>

.js

$(function() {
  $(".slider-range").slider({
    range: true,
    min: 0,
    max: 1000,
    values: [0, 1000],
    slide: function(event, ui) {
      $(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
    }
  });
  $(".amount").val("$" + $(".slider-range").slider("values", 0) +
    " - $" + $(".slider-range").slider("values", 1));
});

我想我需要在<input>元素中添加value="..." ，但是如何根據我的JavaScript代碼從兩個滑塊中捕獲值范圍？ 謝謝 ！

Answer 1

可以將這些值提取為：

var minimum_val = $(".slider-range").slider("values",0)
var maximum_val = $(".slider-range").slider("values",1)