2013-05-09 1 views
0

Я использую 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> 

ответ

1

Я должен остановить событие F или перезагрузки страницы после того, как Range Slider Остановился,

Окончательная 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> 
Смежные вопросы