noUiSliderのハンドルの左の位置のプロパティ

Question

私がスライドするときに、noUiSliderのdivハンドルの現在の左のプロパティ値を取得しようとしています。しかし、私は常に最初の左のプロパティ値を取得しています。

$(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引数には、左位置がパーセンテージで表示されます。