0

Хочу использовать Input type="range" для горизонтальной прокрутки блока. Но в процессе столкнулся с проблемой - всегдf возвращается значение value равное нулю. Подскажите, пожалуйста, что не так?

var $input = $('input'),
    $scroll = $input.attr('value');
function scrolling() {
  $input.on('input', function () {
    console.log('value: ' + $scroll);
  }); 
}
scrolling();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="changer" type="range" min="0" max="1000" step="1" value="0"/>

2
  • Как бы написал Алексей Шиманский - Асинхронщина. Сначало создаётся $scroll, а потом он же и выводится, где его значение равно 0
    – Doofy
    5 июл 2016 в 14:31
  • Может я что-то упустил, так как не пользуюсь фреймворками, но часто вижу пишут переменные со знаком $. Зачем?
    – Doofy
    5 июл 2016 в 14:31

1 ответ 1

0

Сначало переменная scroll получает значение, затем вызывается функция scrolling, где при изменении слайдера в консоль выводится всё таже выше назначенная scroll

Вместо объявления переменной, можно написать функцию получения её

$scroll = function() { return $input.val(); }
console.log('value: ' + $scroll());

Или вовсе обойтись без jquery

function change(e) { console.log(e.value); }
<input type='range' min='0' max='1000' step='1' value='0' oninput='change(this)'>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.