Meteor＆noUiSlider：我怎麼聽事件？

Question

我剛剛得到了流星noUiSlider，但是在聽事件時遇到了問題。這是我的代碼：

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

不幸的是，這是行不通的。根據this也有內置事件，如幻燈片。我如何在流星中使用它們？

提前致謝！

Answer 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'); 
}); 

OK，然後做這樣的

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