noUiSlider中句柄的左位置属性

Question

我试图在滑动时获取noUiSlider的div句柄的当前左属性值。但我总是得到它最初的左边属性值。

＆＃13;

＆＃13;

$(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));
  });
});

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

slide事件有5个参数：values, handle, unencoded, tap, positions。

第5个positions参数包含左侧位置，以百分比表示。