Meteor：更新时闪烁数据

Question

我希望有人可以帮助解决这个问题，因为这很令人沮丧。

我检查了周围所有的动画包，但它们似乎都是由用户操作激活的，例如单击一个项目。如果更改是从服务器触发的呢？

我想在我的收藏从非 Meteor 源更改时显示动画。我有一个 Java 演示应用程序，它可以调用 Meteor 服务器方法，进而更新 Collection。

更改会显示在客户端中，因此我知道基础功能正常，但我应该如何编写客户端代码，以便在更改时例如闪烁？

想想“股市应用”。

更新时以红色闪烁项目的简单示例会很棒。另外，如何检测何时插入和删除项目？

Answer 1

假设您有一个最喜欢股票列表的模板，以及每只股票的模板：

<template name="favorites">
    {{#each favorites}}
      {{> stock}}
    {{/each}}
</template>

<template name="stock">
    <div class="row" id="{{_id}}">
        <div class="col-xs-6 symbol">{{symbol}}</span>
        <div class="col-xs-6 quote">{{quote}}</span>
    </div>
</template>

在onRendered 模板事件中，您可以创建一个观察者来观察对特定查询的更改。只需使用与生成收藏夹列表相同的查询即可。当任何记录发生更改时，使用 jQuery 找到它并设置高亮效果：

Template.favorites.onRendered(function() {
  var query = Favorites.find({}, { sort: { symbol: 1 } });

  var handle = query.observeChanges({
    changed: function (id, fields) {
      //this will highlight the row of the updated favorite, using the id from the Favorites collection
      $('#' + id).effect('highlight', {}, 1500);
    }
  });
});