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));
});

我想我需要在value="..."元素中添加<input>，但如何根据我的JavaScript代码从两个滑块中捕获值范围？谢谢！

Answer 1

可以将值提取为：

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

获取jQuery双句柄滑块值

1 个答案: