我正在嘗試創建一個滑塊范圍函式，其最小值和最大值介于 0 和 1 之間，步長為 0.05。默認值，設定為 0.65 和 0.85。但是對于 0 和 1，它不能正常作業。在 0 到 100 之間它的作業
范圍在 0 到 100 之間的作業代碼
$(function () {
$("#slider-range").slider({
range: true,
min: 0,
max: 100,
values: [65,85],
slide: function (event, ui) {
$("#min-val").val(ui.values[0]);
$("#max-val").val(ui.values[1]);
}
});
$("#min-val").val(($("#slider-range").slider("values", 0)));
$("#max-val").val(($("#slider-range").slider("values", 1)));
0到1之間的代碼（不作業）
$(function () {
$("#slider-range").slider({
range: true,
min: 0,
max: 1,
values: [0.65, 0.75],
slide: function (event, ui) {
$("#min-val").val(ui.values[0]);
$("#max-val").val(ui.values[1]);
}
});
$("#min-val").val(($("#slider-range").slider("values", 0)));
$("#max-val").val(($("#slider-range").slider("values", 1)));
提前致謝
uj5u.com熱心網友回復：
您沒有使用該step屬性。添加后，它作業正常：
$(function () {
$("#slider-range").slider({
range: true,
min: 0,
max: 1,
values: [.65,.85],
step: .05,
slide: function (event, ui) {
$("#min-val").val(ui.values[0]);
$("#max-val").val(ui.values[1]);
}
});
$("#min-val").val(($("#slider-range").slider("values", 0)));
$("#max-val").val(($("#slider-range").slider("values", 1)));
});<link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<div id="slider-range"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/441179.html
標籤：javascript jQuery