Meteor - 在渲染后操作另一个模板中包含的模板

Question

我试图在渲染后使用包loginButtons中的模板ian:accounts-ui-bootstrap-3来操纵它。该模板包含在我的模板login中，我正在尝试使用Template.login.onRendered来实现此操作。问题是JS在loginButtons被渲染之前运行，因此它没有按预期工作。

<template name="login">
  <div id="login">
    <h1>Title</h1>
    {{> loginButtons}}
  </div>
</template>

Template.login.onRendered(function () {
  $(".dropdown-toggle").remove();
  $("#login-dropdown-list").addClass("open");
});

我怎样才能做到这一点？

非常感谢你的帮助！

Answer 1

您不需要编辑accounts-ui包以向该包中包含的模板添加偶数处理程序。要仅在使用login模板时附加此处理程序，只需将其附加到该模板的处理程序中：

Template.login.onRendered(function () {
  Template.loginButtons.onRendered(function () {
    $(".dropdown-toggle").remove();
    $("#login-dropdown-list").addClass("open");
  });
});