MeteorJS-在template.onRendered之后单击事件

Question

I've got a template that I want to add a click event to with Meteor.template.event(). Problem is that the .event() is not working right and I can't get a hold of the DOM.

Im using Meteor.template.onRendered() to display API data and I'm using jQuery to shove the data into the template. Then I want to grab a [name] selector that was generated through jQuery and manipulate it with Meteor.template.event() but it's not working

//server Meteor.method()
incrementNormalPoints: function(err){
  Points.upsert( {userId: this.userId}, { $inc : {normalPoints : 2} });
}

//client Meteor.template.onRendered().. this part works 
Template.normalMode.onRendered(function(){
  $("[name=imageGuess").append('<div class="flip"><div name="imageCard" class="card"><div class="face front"><img name="rightAnswer" id="theImg" class="img-responsive" src="'+imgArray[i]+'" /></div><div class="face back"><span class="center-glyphicon glyphicon glyphicon-ok"></div></div></div>');
}

Template.normalMode.events({
  "click [name=rightAnswer]" : function(){
     event.preventDefault();
     Meteor.call("incrementNormalPoints");
     console.log("hello");
  }
});

Hope I made sense. At the moment the console log in the events() function isn't working either. I'm pretty sure it's because of the DOM not "existing" and JS can't get a hold of it.

Answer 1

Alright so I found a workaround to this problem and it works. Which is all I want at the moment. I overlooked Meteor.events() completely and worked through the Meteor.onRendered() block.

I made a function upsertNPoints() that "calls" my declared method on the server and uses it to upsert points to my points table.

//server Methods()
incrementNormalPoints: function(err){
Points.upsert( {userId: this.userId}, { $inc : {normalPoints : 2} });
if(err){
  console.log(err);
}
},

//Upsert database using the call() method meteor provides on the client
function upsertNPoints(){
  $("[name=rightAnswer]").on("click", function(){
    Meteor.call("incrementNormalPoints");
    location.reload(true);//this is just to reload the window after a click
  });
}

upsertNPoints();

Hope this helps any one with this weird issue I had. Thanks for your suggestions @Petr and @chazsolo