流星渲染模板，如果家長有類

Question

嗨，我只是想知道。我有一系列可以實現的可摺疊的div。我想要的是如果表頭活動呈現模板。我正在使用流星handsontables包。所以我希望表格在激活時呈現。所以我擁有的是。

<ul class="collapsible" data-collapsible="accordion"> 
        <li> 
         <div class="collapsible-header"><i class="material-icons">filter_drama</i>Global What Ifs</div> 
         <div class="collapsible-body"> 
          {{#if isActive}} 
           {{>GlobalWhatIf}} 
          {{/if}} 
         </div> 
        </li> 
        <li> 
         <div class="collapsible-header"><i class="material-icons">place</i>Second</div> 
         <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div> 
        </li> 
        <li> 
         <div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div> 
         <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div> 
        </li> 
       </ul> 

正如你所看到的，我目前只有一個模板正在加載，但我打算安靜一些。

然後我的js

Template.CompanyDetails.onRendered(function(){ 
    $('.collapsible').collapsible(); 
}); 

Template.CompanyDetails.helpers({ 
    isActive: function(event) { 
     return true; 
    } 
}) 

Template.CompanyDetails.events({ 
    'click .collapsible-header' : function(event, template){ 
     console.log(event.currentTarget); 
    } 
}); 

我想也許我可以好歹傳遞事件目標的助手，但似乎並沒有工作。有沒有我可以直接從手柄上檢查。

任何方式一些幫助將是偉大的。

Answer 1

像這樣的東西可能會奏效：

Template.CompanyDetails.onRendered(function(){ 
    $('.collapsible').collapsible(); 
}); 

Template.CompanyDetails.helpers({ 
    isActive: function() { 
     if(Session.get("event")){ 
     return true; 
     Session.set("event",undefined); 
    } 
    } 
}) 

Template.CompanyDetails.events({ 
    'click .collapsible-header' : function(event, template){ 
     console.log(event.currentTarget); 
     Session.set("event",event); 
    } 
});