Question

我有一个包含2个条目的导航栏。一个entrie是一个复选框，另一个是带有按钮的下拉列表（我将为其提供代码）。 input的ID为inputMode，按钮为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>

对于每个id，我都有click个功能。

'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之后没有变化。这意味着它在视觉上会发生变化，但实习生始终保持不变。例如，console.log($("#inputMode").is(":checked");要么始终为false，要么始终为真，具体取决于在单击按钮之前是真还是假。

我希望有人可以帮我解决这个问题！

Answer 1

您是否尝试在渲染之前或之后使用jquery？

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

模板渲染后，Meteor复选框始终为false

1 个答案: