javascript - 如何在点击 meteor 时更改图标

Question

在 meteor 中，我试图更改单击时的图标更改(我使用 glyphicon 图标)以将收藏夹添加到列表中。我使用了 toggleClass()。但它不起作用，。在这里我附上我的代码。当我刷新页面时，图标没有改变。谁能帮我解决问题。HTML 代码:

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

和JS代码:

$(document).ready(function(){

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

Answer 1

这是你这样做的方式:

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