README.md

jQuery UI Slider addon for sliders with fields

Installation:

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();
  });

Settings:

• 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: true
• onSlide - on slide callback
• onChange - on change callback