Butona basınca jquery ui slider değerini 10 arttırma
$( "#slider" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
});
şöyle bir sliderım var ve iki adet butonum var. 1. butonuma her tıkladığımda slider valuesini olduğu değerden 10 arttırmak istiyorum. 2. butonuma tıkladığımda ise value nin 10 azalmasını istiyorum. Nasıl yapabilirim?
Şöyle bir şeyler denedim ama olmadı :D
$('#btn').click(function(){
$("#slider").slider("value", $('#slider').val()+10 );
});
//2.deneme
$('#btn').click(function(){
var deneme = $('#slider').slider("option", "value");
deneme = deneme+10;
});
jQuery UI Slider elemanının opsiyonlarını çekmek için, çekmek istediğin opsiyonu direk .slider() metodunun içerisine yazman yeterli.
jQuery UI - Slider Widget Document
let value = $("#slider").slider("value");
Javascript kodlarını aşağıdaki gibi kullanırsan, sorunun düzelecektir.
let sliderEl = $("#slider")
sliderEl.slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
});
$("#btn-inc").on("click", (e) => {
sliderEl.slider({ value: sliderEl.slider("value") + 10 })
})
$("#btn-dec").on("click", (e) => {
sliderEl.slider({ value: sliderEl.slider("value") - 10 })
})