按钮动作内部递归模板多次出现

Question

<template name="childcardstmpl">
    <div class="cards-list child-cards-list">
        {{#each selected_children id}}
            <input type="text" id="{{_id}}" class="card-input childtitle "  autocapitalize="none" autocorrect="off" value="{{cardTitle}}">
          </div>
        {{/each}}
        <input type="button" id="" class="addCardButton createSiblingCard {{id}}" value="Add">
    </div>
    {{#if isSelected_have_children id}}
        {{#with selected_child id}}
            {{> childcardstmpl id=_id}}
        {{/with}}
    {{/if}}
</template>

我有这个rec​​usrion模板，它正常工作并呈现我想要的任何内容，我已将事件附加到模板

'click .createSiblingCard':function(e,tmpl){
        console.log(this);
}

假设recusrion模板呈现

a > b > c > d

每次都有按钮

<input type="button" id="" class="addCardButton createSiblingCard {{id}}" value="Add">

如果我点击 a 中的按钮，则点击事件会触发1次

如果我点击 b 中的按钮，则点击事件会触发2次

如果我点击 c 中的按钮，则点击事件会触发3次

无论我在（a或b或c）中的哪个地方，我都希望按钮事件只被触发一次

怎么做？我的代码中有什么错误？

修改 要么 有没有其他方法可以重写我的recurion模板，所以事件只会发生一次。