2017-03-04 1 views
0

Ich habe gerade den noUiSlider für Meteor, aber habe Probleme mit dem Abhören von Ereignissen. Hier ist mein Code:Meteor & noUiSlider: Wie kann ich auf Ereignisse hören?

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

Leider funktioniert das nicht. Nach this gibt es auch Ereignisse wie Slide eingebaut. Wie kann ich sie in Meteor benutzen?

Vielen Dank im Voraus!

+0

ist es zwingend notwendig, um bind es so ... ?? –

Antwort

1

ist es obligatorisch, es so zu binden ... ??

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

Ich glaube, Sie es wie folgt tun:

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

ok dann mach es wie dieses

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

Sie in diesem Beispiel sehen kann https://github.com/rcy/meteor-nouislider/blob/master/example/example.js

+0

Ich verstehe nicht ruhig. soll ich diesen Code einfach in die js-Datei kopieren? Ich hatte den Eindruck, dass in Meteor alles in Ereignissen oder Helfern sein muss – janjackson

+1

Ich habe meine Antwort bearbeitet hoffe, dass es dir helfen wird –

+0

das hat viel geholfen, danke :) – janjackson

Verwandte Themen