如何在流星点击中更改图标

Question

In meteor, I am trying to change icon change on click (I used glyphicon Icons) to add favourites to list. I used toggleClass(). But it is not working,. Here I am attaching my code. When I refresh the page the icon is not changing. Can anyone help me with solution. HTML Code:

<span class="glyphicon glyphicon-star-empty" style="color:green"></span>

And JS Code:

$(document).ready(function(){

    $('.glyphicon').click(function(){
    $(this).toggleClass('glyphicon-star-empty glyphicon-star');
    });
});

Answer 1

This is how you do this:

Template.TemplateName.events({
    "click .glyphicon": function(event){
         $(event.currentTarget).toggleClass('glyphicon-star-empty glyphicon-star');
});

Answer 2

You have to define an event:

Template.YourTemplateName.events({
  "click .glyphicon": function(){
    $(event.target).toggleClass('glyphicon-star-empty glyphicon-star');
  }
});

Answer 3

这应该工作：
Template.TemplateName.events({ $('.glyphicon').click(function(){ $(event.currentTarget).toggleClass('glyphicon-star-empty glyphicon-star'); });