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

Answer 2

您必须定义一个事件：

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

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

3 个答案: