我剛剛得到了流星noUiSlider,但是在聽事件時遇到了問題。這是我的代碼:Meteor&noUiSlider:我怎麼聽事件?
Template.templateOne.events({
'click #slider': function(){
console.log('event works!');
}
});
不幸的是,這是行不通的。根據this也有內置事件,如幻燈片。我如何在流星中使用它們?
提前致謝!
我剛剛得到了流星noUiSlider,但是在聽事件時遇到了問題。這是我的代碼:Meteor&noUiSlider:我怎麼聽事件?
Template.templateOne.events({
'click #slider': function(){
console.log('event works!');
}
});
不幸的是,這是行不通的。根據this也有內置事件,如幻燈片。我如何在流星中使用它們?
提前致謝!
是否需要像這樣綁定它?
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
我不明白。我應該只是將這些代碼複製到js文件中?我有一個印象,在流星一切都需要在事件或幫手 – janjackson
我已編輯我的答案希望它會幫助你 –
,幫助了很多,謝謝:) – janjackson
是強制要求像這樣綁定它......? –