Свойство левого положения дескриптора в noUiSlider

Question

Я пытаюсь получить текущее значение левого свойства дескриптора div noUiSlider при скольжении. Но я всегда получаю начальное значение левого свойства.

$(document).ready(function() {
  var slider = document.getElementById('slider');

  noUiSlider.create(slider, {
    start: [1],
    connect: true,
    range: {
      'min': 0,
      'max': 10
    }
  });

  slider.noUiSlider.on('slide', function() {
    var handle = $("div.noUi-handle");
    $(leftPosition).text(($(handle).position().left));
  });
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/10.0.0/nouislider.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/10.0.0/nouislider.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="slider">
</div>
<div id="leftPosition"></div>

Answer 1

slide Событие получает 5 аргументов: values, handle, unencoded, tap, positions,

5-й positions Аргумент содержит левые позиции в процентах.