Результат Javascript UIslider.JS

У меня проблема с моим js-кодом:

var stepSlider = document.getElementById('slider-step');

noUiSlider.create(stepSlider, {
    start: [ 0 ],
    step: 10,
    range: {
        'min': [  0 ],
        'max': [ 100 ]
    }
});
var stepSliderValueElement = document.getElementById('slider-step-value');

stepSlider.noUiSlider.on('update', function( values, handle ) {
    stepSliderValueElement.innerHTML = values[handle];
    q1=stepSlider.noUiSlider.get()
});
console.log(q1)
console.log(stepSliderValueElement.innerHTML)

Он просто показывает начальную точку 0,00, но когда я перемещаю значение на 50%, оно не изменится, чтобы показать мне 50. РЕДАКТИРОВАТЬ: я нашел, в чем моя проблема. это потому, что ползунок будет обновляться, но q1 + 20 вне этого не изменится. но мне действительно нужно 2 ползунка и начертить их в процентах по кругу. я не могу поместить их в способ обновления в моем коде. Есть идеи? Может ли кто-нибудь поставить меня в правильном направлении?


javascript slider nouislider
person mohamamde94    schedule 17.10.2017    source источник
comment
у меня вроде нормально меняется.   -  person Monkey_Dev1400    schedule 17.10.2017

Ответы (1)


arrow_upward
0
arrow_downward

Вроде меняется как надо. Я поставил журнал на ваш метод обновления, и он меняет значение, как и должно.

stepSlider.noUiSlider.on('update', function( values, handle ) {
    stepSliderValueElement.innerHTML = values[handle];
    q1=stepSlider.noUiSlider.get()
    console.log(q1);
});

https://jsfiddle.net/ayang10/0rohoeLg/312/

person Monkey_Dev1400    schedule 17.10.2017
comment
прежде всего спасибо за ответ. но я хочу сохранить результат и использовать его позже, и для этого мне нужно протестировать console.log(q1) в последней части кода. и все же он не получает новое значение для q1. - person mohamamde94; 17.10.2017
comment
Я не понимаю, потому что q1 меняется. Если вы сделаете console.log(q1); внутри вашего метода обновления. - person Monkey_Dev1400; 17.10.2017
comment
я хочу, чтобы этот результат был умножен на другой результат из другого ползунка, но когда я печатаю его вне функции (просто чтобы проверить, изменяется ли он, и я могу его использовать), это не даст мне хороший результат. например, вне кода обновления console.log(q1+20). я нашел, в чем моя проблема. это потому, что ползунок будет обновляться, но q1 + 20 вне этого не изменится. но мне действительно нужно 2 ползунка и начертить их в процентах по кругу. я не могу поместить их в способ обновления в моем коде. Есть идеи? - person mohamamde94; 17.10.2017