I am trying to develop Range Slider in my VF page but it is not working. I am sharing my code with you.I am trying range slider which will show values on change when slider will move it will show values on that slider.
Thanks in advance!!
<apex:page standardController="Opportunity" sidebar="false">
<script>
$(function(){
$("#slider-vertical").slider({
orientation: "horizontal",
range: "min",
min: 0,
max: 100,
value: 60,
slide: function( event, ui ) {
$( "#amount" ).val( ui.value );
$(this).find('.ui-slider-handle').text(ui.value);
},
create: function(event, ui) {
var v=$(this).slider('value');
$(this).find('.ui-slider-handle').text(v);
}
});
});
</script>
<script>
#demo { padding: 10px !important; }
</script>
<div class="demo">
<div id="slider-vertical">``</div>
</div>
</apex:page>