jQuery Slider with Delay for Smooth Transitions

var min = 0; var max = 10000000 $(function() { $( "#slider-range" ).slider({ range: true, min: min, max: max, step: 50000, values: [ 0, 10000000 ], slide: function( event, ui ) { setTimeout(function(){ $( "#amount" ).html( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); $( "#min" ).val(ui.values[ 0 ]); $( "#max" ).val(ui.values[ 1 ]); $(ui.handle).attr("data-value", ui.value); // Update handle popup value

	$('#qp_has_price').attr('data_value', ui.values[ 0 ]+'to'+ui.values[ 1 ]);
	$('.qq_price_range .qq_selected_terms').html( ui.values[ 0 ]+','+ui.values[ 1 ]);


	$('.qq_clear_all_filters').prop('disabled', false);

	setQueryStringParameter('price', ui.values[ 0 ]+'to'+ui.values[ 1 ]);
	qq_call_loads();
    }, 500);
  }
});

$( "#amount" ).html( "$" + $( "#slider-range" ).slider( "values", 0 ) +
 " - $" + $( "#slider-range" ).slider( "values", 1 ) );
 
// Initialize handle popups with default values
// Initialize handle popups with default values
$("#slider-range .ui-slider-handle:first").attr("data-value", min);
$("#slider-range .ui-slider-handle:last").attr("data-value", max);

});

}