テンプレートレンダリング後の流星チェックボックスは常にfalseです

Question

私は2つのエントリを持つnavbarを持っています。 1つのentrieはチェックボックスで、もう1つはボタン付きのドロップダウンです（私はそのためのコードを提供します）。 inputは私がclick機能の持つID inputModeとボタンIDのそれぞれについて、addNewObject

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav"> 
      <li id="editMode"> 
       <a href="#"> 
        <label><input type="checkbox" value="Edit Mode" id="inputMode">Edit Mode</label> 
       </a> 
      </li> 
      <li><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" 
        aria-haspopup="true" aria-expanded="false">Scenegraph <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><div style="text-align:center;"> 
         <input id="addNewObject" type="button" class="btn-success" value="Add Object"> 
        </div></li> 
       </ul> 
      </li> 

     </ul> 
    </div> 

を持っています。

'click #inputMode': function (event, tmpl) { 
    let isChecked = $("#inputMode").is(":checked"); 
    if (isChecked) { 
     // do something 
    } else { 
     //do something 
    } 
}, 
'click #addNewObject': function (ev) { 

    Helper.initSceneGraph(); 

} 

私はナビゲーションバーは、このように、再レンダリングになるボタンaddNewObjectをクリックしたときにそうなものは次のとおりです。

static initSceneGraph() { 
    if (Meteor.isClient) { 
     Template.sceneGraph.helpers({ 
      sceneObjects: Application.getInstance().scene.sceneObjects, 
      isAudio: function (obj) { 
       return obj._soundPath; 
      } 
     }); 
    } 
    UI.render(Template.sceneGraph, document.body); 
} 

のでinitSceneGraph後のチェックボックスinputMode doesntの変更。それは視覚的に変わることを意味しますが、インターンは常に同じままです。たとえば、console.log($("#inputMode").is(":checked");は、ボタンをクリックする前に真か偽かに応じて、常にfalseまたは常に真です。

私は誰かがこれで私を助けることを願っています！

Answer 1

レンダリングの前後にjqueryを使ってみましたか？

'click #addNewObject': function (ev) { 
    $('#inputMode').prop('checked', true); 
    Helper.initSceneGraph(); 
}