removeClass не работает в meteor.js

Question

Я создал функцию Template.inquiry.events({ в meteor.js, которая берет данные щелчка для кнопок и добавляет к ним класс. Это работает нормально. То, что не работает, - это когда я пытаюсь удалить этот класс.

Это выглядит следующим образом:

Template.inquiry.events({ 
    'click .button': function(event){ 

     var button_id=event.currentTarget.id 

     report = false; 
     consult = false; 
     contract = false; 

     $("#" + button_id).addClass('selected'); 

     if(button_id == 'report' && report == false) { 
      report = true; 
      $("#" + button_id).addClass('selected'); 
     } 
     else if(button_id == 'consult' && consult == false) { 
      consult = true; 
      $("#" + button_id).addClass('selected'); 
     } 
     else if(button_id == 'contract' && contract == false) { 
      contract = true; 
      $("#" + button_id).addClass('selected'); 
     } 
     else if(button_id == 'report' && report == true) { 
      report = false; 
      $("#" + button_id).removeClass('selected'); 
     } 
     else if(button_id == 'consult' && consult == true) { 
      consult = false; 
      $("#" + button_id).removeClass('selected'); 
     } 
     else if(button_id == 'contract' && contract == true) { 
      contract = false; 
      $("#" + button_id).removeClass('selected'); 
     } 

    } 
}); 

Первые три «если» работают нормально, но removeClass сослагательного наклонения не работают. Есть идеи?

Answer 1

На каждом нажмите reportconsult и contract являются false так «иначе если», где вы проверить report == true может не вызвать. Если вы хотите хранить состояния между событиями использовать Session или ReactiveVar или только Template.instance() свойства как

Template.inquiry.onCreated(function() { 
    this.states = {}; 
    this.states.report = false; 
}); 
... 

    else if(button_id == 'consult' && !Template.instance().states.report) { 
     Template.instance().states.report = true; 
     $("#" + button_id).addClass('selected'); 
    } 
    else if(button_id == 'report' && Template.instance().states.report) { 
     Template.instance().states.report = false; 
     $("#" + button_id).removeClass('selected');