如何为流星中的动态按钮编写onclick功能

<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”按钮。如何为流星中的动态按钮编写onclick功能

来源

2016-09-20 Kasturi

如果您的模板被命名为说actionTemplate，你应该写一个事件功能

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

这应该做的工作。

来源

2016-09-20 12:25:39 Ankit

感谢您的回复。我还有一个问题。我已经编辑了相关代码。当我点击动作模板中的动态按钮时，该按钮应该隐藏并显示该特定按钮的以下模板中的内容。并非针对所有按钮。我该如何编写点击功能？ – Kasturi

您发送的答案隐藏了整个数据，但它应该只隐藏按钮点击的特定按钮 – Kasturi

您可以在调用时将变量指定给模板。也许你可以试试这个来实现它。 YOu应该为这个问题打开另一个问题，也许包括一些截图。如果此主题中的原始问题已解决，请将此答案标记为“已接受”，如果这有帮助的话。 – Ankit

如何为流星中的动态按钮编写onclick功能

回答

相关问题