как сделать, чтобы каждый инпут был над своим ползунком и перемещался вместе с ним?
$("#slider-range").slider({
range: true,
min: 0,
max: 3000,
values: [75, 2500],
slide: function(event, ui) {
$("#min").val(ui.values[0] + " руб.");
$("#max").val(ui.values[1] + " руб.");
}
});
$("#min").val($("#slider-range").slider("values", 0) + " руб.");
$("#max").val($("#slider-range").slider("values", 1) + " руб.");
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/themes/sunny/jquery-ui.css">
<div id="slider-range"></div>
<input type="text" id="min" readonly>
<input type="text" id="max" readonly>