插入 DOM 时突出显示反应元素 - Meteor

【问题标题】：Highlight reactive elements when they are inserted into the DOM - Meteor插入 DOM 时突出显示反应元素 - Meteor
【发布时间】：2014-11-14 04:09:41
【问题描述】：

我想知道如何在新元素插入 DOM 后立即使用 $('.game-panel').effect('highlight'); (jQuery UI) 突出显示它们。

    {{#each games}}
       {{> game}}
    {{/each}}

<template name="game">
    <div class="game-panel">
       Test
    </div>
</template>

任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery jquery-ui meteor

【解决方案1】：

您可以尝试使用呈现的回调。

Template.game.rendered=function(){
  this.$('.game-panel').effect('highlight');
};

还有一个尚未公开的 API，称为“UI 挂钩”，理论上可以更精细地控制元素何时插入 DOM。

关于流星核心的公告：

https://groups.google.com/forum/#!msg/meteor-core/1kUoG2mcaRw/j4bNvXu36IoJ

使用示例：

https://github.com/percolatestudio/transition-helper/blob/master/transition-helper.js

【讨论】：

感谢您的帮助。不幸的是，这对我不起作用。它突出显示当前存在于数据库中的所有页面渲染游戏，而不是那些在页面渲染后插入的新元素。