meteor - 在 Meteor 中执行 DOM 操作的正确方法是什么？

Question

我正在使用一个名为 Timeline 的包

它通过有一个占位符来工作，例如

<div id="my-timeline"></div>

然后最终进行 jQuery 调用来操作 div。在视觉上，我看到时间线出现在屏幕上，然后几乎立即消失。以下简单示例会产生类似的效果：

<div id="my-temp"></div>

结合

$(document).ready(function() {
    $('#my-temp').html('HELLO');
});

在不让结果 HTML 消失的情况下执行此类操作的正确方法是什么？

score 5 · Accepted Answer

我相信您应该使用恒定区域来防止 Meteor 重新渲染您的 div。

{{#constant}}
    <div id="my-temp"></div> 
{{/constant}}

score 2 · Accepted Answer

使用 Handlebars 模板，不要使用 jQuery 的 dom 操作。如果您必须使用 javascript dom 操作，请确保使用Meteor.render().

您还需要在 Template.myTemplate.rendered 中调用您的时间线创建代码

score 0 · Accepted Answer

正如哈利所说，流星渲染是正确的方法。这是新文档的链接 http://blazejs.org/api/templates.html#Template-onRendered

3 回答 3