在流星中为多个 nouislider 设置值

Question

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

我已经在页面上初始化了多个滑块，例如 this 中的代码。我想设置与集合同步的滑块的值，但现在我只能在“开始”选项中使用集合初始化值。

我一直在尝试在“幻灯片”事件中调用函数。但是在函数中我找不到选择所有滑块的方法，或者使用 .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());
  })

问题是您在滑块而不是滑块容器上调用“每个”。

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());
  });

};