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