Skip to content

Instantly share code, notes, and snippets.

@kevinschaul

kevinschaul/index.html

Last active August 29, 2015 13:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kevinschaul/8925527 to your computer and use it in GitHub Desktop.
Save kevinschaul/8925527 to your computer and use it in GitHub Desktop.
Download ZIP
Multiple instances of rangeslider.js (bug)
Raw
index.html
<link rel="stylesheet" href="http://andreruffert.github.io/rangeslider.js/bower_components/rangeslider.js/dist/rangeslider.css">
<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type='text/javascript' src="http://andreruffert.github.io/rangeslider.js/bower_components/rangeslider.js/dist/rangeslider.min.js"></script>
<br />
<input id='range-0' type="range" min="10" max="1000" step="10" value="300">
<br />
<br />
<input id='range-1' type="range" min="10" max="1000" step="10" value="300">
<script>
$('#range-0').rangeslider({ polyfill: false });
$('#range-1').rangeslider({ polyfill: false });
</script>
@andreruffert
Copy link

To simplify your code you could also do e.g:

$('input[type="range"]').rangeslider({ polyfill: false });

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment