スライダーの最小価格と最大価格に基づいて、価格にレンジスライダーを使用しています...表示製品があります...レンジスライダーがスライドを停止した後、最小値と最大値でページをリロードしたいのですが、すべてのスライドで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>
スライダー
<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>