javascript - 如何为 meteor 中的动态按钮编写 onclick 功能

Question

 <template name="actionTemplate">

     {{#each action}}

        <button class="myButton" id={{_id}}>btn</button>

    {{> action}}
    {{/each}}
</template>


 <template name="action">
    <div class="sct" id={{_id}}>
    some text has to display
    </div>
    </template>

对于上面的行，我该如何编写点击函数来隐藏“btn”按钮。

Answer 1

如果你的模板名为actionTemplate，你应该编写一个事件函数

Template.actionTemplate.events({
"click .myButton" : function(event){
       var id= event.currentTarget.id;
       $('#'+id).hide();
});

这应该可以完成工作。