I was able to make dual range slider by placing slider on top of each other on jQuery Mobile framework.
Also javascript is set so that left thumb doesn't go above right one.
However that function is a bit buggy and I was wondering if anyone had a good solution to this problem.
Below is an example:
$('#buying_slider_min').change(function() {
var min = $(this).val();
var max = $('#buying_slider_max').val();
if(min > max) {
$('#buying_slider_max').val(min);
$('.maxBuyingSlider').slider('refresh');
}
});
$('#buying_slider_max').change(function() {
var min = $('#buying_slider_min').val();
var max = $(this).val();
if(min > max) {
$('#buying_slider_min').val(max);
$('.minBuyingSlider').slider('refresh');
}
});
See Question&Answers more detail:os