Team,
I was trying this code..as shown below cant trace out what am i doing wrong
rangeslider.js example - JSFiddle[
^]
Sorry All for lack of my clarity in question...
What i meant to say was my out put was not same as what i saw in fiddle screen...
What I have tried:
<!DOCTYPE html>
<meta charset="ISO-8859-1">
<title>Insert title here
$("#range-control").rangeslider({
polyfill: false,
onSlideEnd: function(position, value){
console.log('Position', position, 'Value', value);
}
});
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="js/rangeslider.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/rangeslider.js"></script>
<script src="js/rangeslider.min.js"></script>
<script>
$("#range-control").rangeslider({
polyfill: false,
onSlideEnd: function(position, value){
console.log('Position', position, 'Value', value);
}
});
</script>
</head>
<body>
<input id="range-control" type="range" min="0" max="100" step="1" value="0">
</body>
</html>