如何重新加載頁面後範圍滑塊停止滑動jquery

Question

我使用範圍滑塊的價格，基於最小和最大價格滑塊我有顯示產品...我想重新加載頁面的最小值和最大值後，範圍滑塊停止滑動，但我的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> 

Answer 1

我不得不停止活動˚F或刷新頁面後範圍欄停止，

最終的JQuery我

<script type="text/javascript"> 
      var amtmin, amtmax; 
      $(function() { 
       $("#slider-range").slider({ 
        range: true, 
        min: @from, 
        max: @To, 
        values: [@from, @To], 
        slide: function (event, ui) { 
         $("#amount").val("Rs. " + ui.values[0] + " - Rs. " + ui.values[1]); 

         amtmin = ui.values[0]; 
         amtmax = ui.values[1]; 

        }, 
        stop: function(event, ui) { 

          var url = '@Url.RouteUrl("Category", new { categoryId = @catId })'; 
          var finalUrl = url + "?price=" + amtmin + "-" + amtmax; 
          window.location.href = finalUrl; 

          } 
       }); 
       $("#amount").val("Rs. " + $("#slider-range").slider("values", 0) + " - Rs. " + $("#slider-range").slider("values", 1)); 

      }); 

     </script>