以下示例:
{{#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”这样的东西吗?
答案 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();
});