动态meteor模板

所以问题是我有一个导航栏模板，我想动态改变’li’元素的类。 到目前为止，我有这个代码来进行更改（.js）：

Template.navigation.onCreated( function() { Template.instance().currentTab = new ReactiveVar(); }); Template.navigation.helpers({ tab: function() { return Template.instance().currentTab.get(); } }); Template.navigation.events({ 'click .navbar-nav li': function( event ) { var currentTab = $( event.target ).closest('li'); currentTab.addClass('active'); $('.navbar-nav li').not( currentTab ).removeClass('active'); } }); 

但是我必须两次点击’li’元素才能看到变化。 我尝试按照这个主题回答jQuery click（）在.clickable类被删除后仍然被触发 ，但没有运气。 我真的很感激任何帮助！ 提前致谢！ UPD：根据要求，我发布了html代码以及完整的.js代码html：

   
 
 
    
 
 
 
Home
 
About
 
Projects
 
Numbers
 
Contact
 
 
 
 
 {{> Template.dynamic template=tab}}  

Answer 1

试试这个

 $(".navbar-nav li").click(function(){ $('.navbar-nav li').removeClass('active'); $(this).addClass('active'); }) 

如果您发布html代码，我可能会在您需要时提供更多详细信息。