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

damnman 1347 gün önce

489 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

Cevap yaz

הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cevaplar (3)

fatihozpolat

1347 gün önce

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

#006742

bayramarif

1347 gün önce

let sayi = 10

function (){
sayi += 10

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

#006748

justatakan

1347 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