Javascript 如何对Meteor.js中包含在if语句中的元素调用函数?
以下示例:Javascript 如何对Meteor.js中包含在if语句中的元素调用函数?,javascript,meteor,Javascript,Meteor,以下示例: {{#if currentUser}} <li><a class="waves-effect waves-light btn modal-trigger modal-close" href="#upload">Upload Image</a></li> {{/if}} 当您登录并刷新页面时,此操作生效。当然,我希望在显示按钮的那一刻运行该函数。我想知道,我将如何处理“在上传图像呈现的那一刻,运行这个函数”。因为我只知道如何使用
{{#if currentUser}}
<li><a class="waves-effect waves-light btn modal-trigger modal-close" href="#upload">Upload Image</a></li>
{{/if}}
当您登录并刷新页面时,此操作生效。当然,我希望在显示按钮的那一刻运行该函数。我想知道,我将如何处理“在上传图像呈现的那一刻,运行这个函数”。因为我只知道如何使用模板,而不知道如何使用单个元素。或者,我可以说“在用户登录的那一刻,运行此功能”,但我觉得您应该能够拥有类似“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>
这是最好的还是最简单的方法?谢谢你在这种情况下我最好说。唯一需要注意的是,如果
if
块的内容在某种程度上依赖于条件,即如果呈现的内容在currentUser
发生变化时会发生变化。在这种情况下,在onRendered
回调中需要一个autorun
块,在父模板中也可以这样做。
...
{{#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();
});