Kam një problem në Meteor.
Dua të tregoj dhe fsheh një pjesë të një shablloni kur klikoj një buton (sikur zbulimi i një përgjigjeje për një pyetje p.sh.).
Problemi është se kjo pjesë e shabllonit është krijuar në mënyrë dinamike dhe unë thjesht dua të zbuloj përgjigjen që lidhet me butonin. kështu që nuk mund të kesh vetëm një ndihmës shabllon, që duhet të kthehet "e vërtetë" për të treguar përgjigjen, sepse më pas në një buton klikohet çdo përgjigje.
<template name="cardList">
{{#each card}}
<div class="card">
<h3>{{frontsideText}}</h3>
<p class="answer">{{backsideText}}</p>
<button class="btn btn-danger deleteButton">delete</button>
<button class="btn btn-default showButton">show Answer</button>
</div>
{{/each}}
</template>
E provova me jQuery, e cila funksionoi disi. diçka si:
Meteor.startup(function () {
$(".answer").hide();
}
Template.cardList.events({
"click .showButton": function(event) {
$(event.target).prevAll(".answer").first().show();
}
Por kjo nuk funksionon, sepse atëherë çdo pyetje e re e shtuar ose çfarëdo tjetër ka përgjigje, sepse ato thjesht fshihen në fillim. Mendoj se duhet ta vendos funksionin hide() diku tjetër, por nuk e di se ku.
Dhe a ka ndonjë mënyrë për ta zgjidhur këtë problem vetëm me Meteor dhe pa jQuery?