jQuery UI Slider addon for sliders with fields
HTML:
<div data-min="50" data-max="1000" data-step="50" class="filter-slider">
<input type="text" value="150" />
<input type="text" value="900" />
<div class="slider"></div>
</div>
...
<script src="jquery.js"></script>
<script src="jquery.ui.js"></script>
<script src="jquery.ui.slider.filter.js"></script>
JavaScript:
$(function(){
$('.filter-slider').filterSlider();
});
firstField
- First field selector. Default: 'input:eq(0)'secondField
- Second field selector. Default: 'input:eq(1)'slider
- Slider selector. Default: '.slider'clearQuery
- Don't submit fields if their values equal slider limits? Default: trueonSlide
- on slide callbackonChange
- on change callback