如何使用jquery流暢地顯示輸入範圍的值？

Question

我有這個代碼here及以下...

但如何使用jQuery來顯示輸入範圍的流利值？現在它可以工作，但不流利。感謝幫助。

JS：

$("#price").change(function() {      
    var newValue = $('#price').val(); 
    $("#valuePrice").html(newValue); 
    $('#block').css({'margin-left':+newValue}); 
}); 

HTML：

<div class="filterField"> 
<label>Price:</label> 
<input type="range" name="price" id="price" min="0" max="1000" value="3" /> 
<div class="rangeValue"><div id="valuePrice">3</div></div> 
</div> 
<div id="block"></div> 

Answer 1

處理 「輸入」 事件：

$("#price").on("input", function() {      
... 
}); 

Answer 2

你可以使用鼠標移動

$("#price").on('change mousemove',function() {      
    var newValue = $(this).val(); 
    $("#valuePrice").html(newValue); 
    $('#block').css({'margin-left':+newValue}); 
}); 

SEE DEMO