JSFiddle - React, Tailwind, and code Playground

by leongersen

HTML

<link rel="stylesheet" href="http://refreshless.com/nouislider/source/jquery.nouislider.css">
<!DOCTYPE html>
<script src="http://refreshless.com/nouislider/assets/jquery-1.10.1.min.js"></script>
<script src="http://refreshless.com/nouislider/source/jquery.nouislider.js"></script>


<div class="slider"></div>


<input type="text" id="minPrice" value="50">
<input type="text" id="maxPrice" value="90">

JavaScript

$('.slider').noUiSlider({
        range: [0, 100],
        start: [$('#minPrice').val(), $('#maxPrice').val()],
        serialization: {
            to: [$('#minPrice'), $('#maxPrice')],
            resolution: 1
        },
        set: function () { alert('plop');}
    });