Butona basınca jquery ui slider değerini 10 arttırma

damnman 1003 gün önce

385 defa görüntülendi

    $( "#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

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (3)

fatihozpolat

1003 gün önce

$("#slider").slider("value", $("#slider").slider("value") + 10);

#006742

bayramarif

1003 gün önce

let sayi = 10

function (){
sayi += 10

.... ..
{
value:sayi
}
}

#006748

justatakan

1003 gün önce

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

})

#006743