在meteor中设置多个nouislider值

Question

如何在Meteor中设置nouislider的多个实例?

我在一个页面上初始化了多个滑块，就像下面的代码一样。我想设置与集合同步的滑块的值，但现在我只能在"开始"选项中初始化与集合的值。

我一直在尝试调用'slide'事件的函数。但在函数中，我发现没有办法选择所有的滑块，或使用。val()。

var updateSliders=function(){
   var slider=$(".sliderrr");
   console.log(slider);
   slider.each(function(){
     console.log($(this).val());
  })
}; 

Answer 1

我将根据你在github上写的内容来回答这个问题

<div class="slider-container"> 
          <div class="sliderrr"></div>
</div>

和

var slider=$(".sliderrr");
  slider.each(function(){
   console.log("value:",$(this).val());
  })

问题是你在滑动条上调用'each'而不是滑动条容器。

Template.body.rendered = function () {
  //init the slider
  this.$('.sliderrr').noUiSlider({
  start: 5,
  connect: "lower",
  step: 0,
  format: wNumb({
    decimals: 0,
  }),
  range: {
    'min': 0,
    'max': 30
  }
  });
  //This is the part I changed
  var sliderino = this.$('.slider-container');
  sliderino.children('.sliderrr').each(function() {
    console.log($(this).val());
  });
};