如何爲流星中的動態按鈕編寫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功能

回答

相關問題