javascript - 当 react 元素插入 DOM 时高亮显示它们 - Meteor

Question

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

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

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

任何帮助将不胜感激。

Answer 1

您可以尝试使用渲染的回调。

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

还有一个尚未公开的 API，称为“UI hooks”，理论上可以对元素插入 DOM 时进行更细粒度的控制。

关于meteor-core的公告:

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

使用示例:

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