Javascript 如何在流星事件中打开按钮并将其反转？

我在和流星和引导一起工作。我做了一个按钮来打开它：

<button type="button" class="btn btn-default btn-lg active">Favoritar</button>

Favoritar

为此：

<button type='button' class='btn btn-primary btn-lg active'>Favorito</button>

Favorito

那么，反向过程是如何进行的呢？ 我的模板：

<template name="favoriteButton">
<button type="button" class="btn btn-default btn-lg active">Favoritar</button>
</template>

福利塔

---

Template.favoriteButton.events({
“click.btn default”：函数（事件、模板）{
$（“.btn默认值”）.remove（）；
$（“正文”）。附加（“收藏夹”）；
},
});

---

我尝试在同一模板上执行另一个事件，但不起作用。我尝试创建另一个事件模板，但不起作用。我该怎么办？

为什么不为按钮使用动态文本

<button type='button' class='btn btn-primary btn-lg active'>{{text}}</button>

更新

或者，您可以通过一个简单的条件更改按钮：

{{#if isFavorite}}
<button type='button' class='btn btn-default btn-lg active'>Favoritar</button>
{{else}}
<button type='button' class='btn btn-primary btn-lg active'>Favorito</button>
{{/if}}

---

你好这是个好主意。但我希望按钮样式/类别从“btn默认”更改为“btn主”，或者以另一种方式进行自定义。无论如何，谢谢你！这有点过分了。你也可以在HTML标签中使用助手来获取动态属性。我做到了！非常感谢你！不客气。正如Kyll所说，您还可以添加另一个助手来选择class属性中的样式。

var text = 'Favoritar';

Template.favoriteButton.onCreated(function() {
  Session.set(text , 'Favoritar');
});

Template.favoriteButton.helpers({

  text: function(){
    return Session.get(text);
  },

});
Template.favoriteButton.events({
  "click .btn-default": function (event, template) {
    SetSession(text, 'Favorito');
  }
});

{{#if isFavorite}}
<button type='button' class='btn btn-default btn-lg active'>Favoritar</button>
{{else}}
<button type='button' class='btn btn-primary btn-lg active'>Favorito</button>
{{/if}}

Template.favoriteButton.helpers({

  isFavorite: function(){
    return Session.get(text) == "Favoritar"; // or better with a boolean variable
  },

});