如何在Meteor.js中的if语句中包含的元素上调用函数?

时间:2016-01-21 12:50:40

标签: javascript meteor

以下示例:

{{#if currentUser}}
    <li><a class="waves-effect waves-light btn modal-trigger modal-close" href="#upload">Upload Image</a></li>
{{/if}}

现在我这样做:

Template.MasterLayout.onRendered(function()
{
    $('.modal-trigger').leanModal();
});

这在您登录然后刷新页面时有效。当然我希望在显示Button的那一刻运行该功能。我想知道,我将如何处理“在上传图像渲染的那一刻,运行此功能”。因为我只知道如何使用模板执行此操作,而不是使用单个元素。或者,我可以说“在用户登录的那一刻,运行此功能”,但我觉得你应该能够拥有像“elem.onRendered”这样的东西吗?

1 个答案:

答案 0 :(得分:3)

有几种解决方案,但最简单的方法就是将其放在子模板中:

  ...
  {{#if currentUser}}
    {{> subTemplate}} 
  {{/if}}
  ...
</template>

<template name="subTemplate">
  <li><a class="waves-effect waves-light btn modal-trigger modal-close" href="#upload">Upload Image</a></li>
</template>

然后:

Template.subTemplate.onRendered(function() {
  $('.modal-trigger').leanModal();
});