我需要的是：2 個 ui 滑塊，當 2 個中的 1 個更改其值時會更新。（當您拖動一個時，另一個也會更新）
它們都從 1 變為 10。到目前為止，如果您拖動一個滑塊，另一個將更新為相同的值。
我需要什么：在其各自的滑塊旁邊顯示兩個值（它們是相同的）。
HTML
<div id="slider-1"></div>
<div id="slider-2"></div>
<div id="amount"></div>
<div id="amount2"></div>
JS
const sliders = ['#slider-1', '#slider-2'].map(
selector => $(selector).slider({
min: 1,
max: 10,
step: 1
})
);
sliders.forEach($el => {
$el.on('slide', (_, {
value
}) => {
sliders.forEach($slider => $slider.slider('value', value));
});
});
$("#slider-1").slider({
value: 1,
slide: function(event, ui) {
$("#amount").val(ui.value);
}
});
https://jsfiddle.net/Lu0a4zfx/
uj5u.com熱心網友回復：
試試這個js：
const sliders = ['#slider-1', '#slider-2'].map(
selector => $(selector).slider({
min: 1,
max: 10,
step: 1
})
);
sliders.forEach($el => {
$el.on('slide', (_, {
value
}) => {
sliders.forEach($slider => $slider.slider({
value: value,
slide: function(event, ui) {
$("#amount").text(value);
$("#amount2").text(value);
}
}));
});
});轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/504134.html
標籤：javascript jQuery