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

How to call a function on an element enclosed in an if statement in Meteor.js?

本文关键字:语句 调用 函数 if 元素 Meteor js 包含      更新时间:2023-09-26

以下示例:

{{#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();
});

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

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

  ...
  {{#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();
});