Я использую Range Slider по цене, основанной на минимальной и максимальной цене в слайдере. У меня есть продукты для отображения ... я хочу перезагружать страницу с минимальным и максимальным значением после слайдера Range остановил скольжение, но мой Jquery перевалки в каждом слайде ... но перезагрузить страницу после того, как Range Slider перестал раздвижныеКак перезагрузить страницу после того, как слайдер Range перестает скользить по JQuery
моего JQuery
<script type="text/javascript">
var amtmin, amtmax;
$(function() {
$("#slider-range").slider({
range: true,
min: 1,
max: 10,
values: [2, 8],
slide: function (event, ui) {
$("#amount").val("Rs. " + ui.values[0] + " - Rs. " + ui.values[1]);
amtmin = ui.values[0];
amtmax = ui.values[1];
}
});
$("#amount").val("Rs. " + $("#slider-range").slider("values", 0) + " - Rs. " + $("#slider-range").slider("values", 1));
amtmin = $("#slider-range").slider("values", 0);
amtmax = $("#slider-range").slider("values", 1);
});
//alert("Url : " + finalUrl);
if (amtmin!=null && amtmax!=null)
{
var url = '@Url.RouteUrl("Category", new { categoryId = 4 })';
var finalUrl = url + "?price=" + amtmin + "-" + amtmax;
window.location.href = finalUrl;
}
</script>
Slider
<p style="padding: 10px 0px 20px 10px;">
<label for="amount"> Price range: </label>
<input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>
<div id="slider-range">
</div>