我只需要一个"滑出"显示单击的项目列表。例如,列表中的20个项目,单击项目2,项目2应显示滑出。我不知道为什么我会在这里失败,但是当我点击时,幻灯片模板会显示在所有20个项目中。也许是每个循环?
HTML:
{{#each wantJobs}}
<div id="bidelement" class="bidelement">
{{#if clickedBidElement}}
{{>bidelementslideout}}
{{/if}}
</div>
{{/each}}
我的js有助手和反应性var:
OnCreated:
this.clickedBidElement = new ReactiveVar;
this.clickedBidElement.set(false);
clickedBidElement检查的帮助:
clickedBidElement : function() {
return Template.instance().clickedBidElement.get();
}
点击活动:
'click .bidelementinfocontainer' : function(e,template) {
if (template.clickedBidElement.get() == false) {
template.clickedBidElement.set(true);
}
}
我在这里错过了什么导致所有&#34;出价元素&#34;当我只点击一个时绘制一个幻灯片?谢谢。