Question

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

我在this的代码中添加了多个滑块。我想设置与集合同步的滑块的值，但现在我只能使用“start”选项中的集合初始化值。

我一直试图在'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());
  })

问题是你正在打电话给每个人＆＃39;在sliderrr而不是slider-container上。

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

};

在流星中设置多个nouislider的值

1 个答案: