Не удается сбросить noUiSlider

Question

эй, я проверил темы, которые касаются сброса noUiSlider, но я не мог найти способ справиться с моим. Какие-либо предложения ?

<div class="row"> 
<div class="small-6 columns"> 
<button type="reset" class="w2-button w2-button-black button-reset">reset</button> 
</div> 
<div class="small-6 columns"> 
<button type="submit" class="w2-button w2-button-black">Update</button> 
</div> 
</div> 

noUiSlider.create($('#productspage-price-slider')[0], { 
      start: [productsModel.priceFrom, productsModel.priceTo], 
      connect: true, 
      range: { 
       min: productsModel.minPrice, 
       max: productsModel.maxPrice 
      }, 
      format: { 
       from: function (value) { 
        return Math.round(value); 
       }, 
       to: function (value) { 
        return Math.round(value); 
       } 
      }, 
      tooltips: true 
     }); 

Answer 1

Ну, первый сохранить экземпляр слайдера в переменную, например:

var slider = noUiSlider.create($('#productspage-price-slider')[0], { 

затем создать обработчик событий для кнопки сброса, и set щёток значения

$("button[type=reset]").on("click", function(){ 
    slider.set([productsModel.priceFrom, productsModel.priceTo]); 
}); 

См. Рабочий пример здесь: FIDDLE