Meteor & noUiSlider: как я могу слушать события?

Я только что получил noUiSlider для метеора, но у меня проблемы с прослушиванием событий. Вот мой код:

Template.templateOne.events({
  'click #slider': function(){
    console.log('event works!');
  }
});

К сожалению, это не работает. В соответствии с этим есть также встроенные события, такие как слайд. Как я могу использовать их в Метеоре?

Заранее спасибо!

1 ответ

Решение

Обязательно ли это так связывать...??

Template.templateOne.events({
  'click #slider': function(){
    console.log('event works!');
  }
});

Я думаю, что вы можете сделать это так:

 var noui = document.getElementById('#slider');
 noui.noUiSlider.on('slide', function(){
    console.log('i think it will work');
 });

хорошо, тогда делай так

Template.templateOne.rendered = function () {
    var slider = document.getElementById('#slider')
    this.slider.noUiSlider({
      start: Session.get("slider"),
      connect: true,
      range: {
        'min': 0,
        'max': 100
      }
    }).on('slide', function (ev, val) {

      console.log('i think it will work');

      Session.set('slider', val);
    }).on('change', function (ev, val) {
      // round off values on 'change' event
      Session.set('slider', [Math.round(val[0]), Math.round(val[1])]);
    });
  };

Вы можете посмотреть этот пример на https://github.com/rcy/meteor-nouislider/blob/master/example/example.js

Другие вопросы по тегам