javascript - meteor 此事件未定义

Question

我正在使用以下包:

https://github.com/aldeed/meteor-plans-stripe

HTML:

<button id="upgrade" type="button" data-plan="monthly">Upgrade</button>

<button id="upgrade" type="button" data-plan="yearly">Upgrade</button>

Controller :

Template.billingOverview.events({
  "click #upgrade": function(){
      var plan = $(this).data('plan');
      AppPlans.set(plan);
    });
  }
});

我想从用户单击的每个按钮的“数据计划”中获取数据，并在 AppPlans 中设置参数。问题是 $(this) 不断返回未定义，但如果我将 $(this) 设置为 $('#upgrade') 则工作正常，但我只从第一个 #upgrade 元素中获取数据。

如何从用户单击的特定按钮获取数据计划？

Answer 1

您可以尝试以下操作:

HTML

<button class="upgrade" type="button" data-plan="monthly">Upgrade</button>

<button class="upgrade" type="button" data-plan="yearly">Upgrade</button>

JS

Template.billingOverview.events({
  "click .upgrade": function(event, template){
    var plan = event.target.dataset.plan;
    AppPlans.set(plan);
  }
});

它有效，我已经检查过；)