动画流星问题的实时变化

Question

每次使用 Percolate:Momentum 在 meteor 中更新 post.text 时，我都会尝试制作动画（我尝试过其他插件，但这些插件也不起作用）。 post.text 更新正常，但它没有动画 - 不确定我做错了什么：S

JS

Template.textDisplay.helpers({
  post: function () {
    return MongoDatabase.findOne({}, { sort: { date: -1} });
  }
});

MongoDatabase.insert({
  text: message,
  date: new Date()
});

HTML

<template name="textDisplay">   
{{#momentum plugin='right-to-left'}}

    {{post.text}}

{{/momentum}}   
</template>

Answer 1

@Peter 查看代码似乎 Percolate:Momentum 只支持多个元素，一个 collection.find() 游标至少有 2 个元素可以正常工作。我做了一个简单的 jQuery 使用 fadeIn() 来告诉你如何实际使用任何 jQuery 来制作动画 http://meteorpad.com/pad/32rHhkm6NmdxSsTt4/Copy%20of%20Test

您可以尝试为 Percolate:Momentum 打开一个 github 问题，也许他们有解决方法或找到不同的库？但是如果它只是一个单一的元素，那么使用 jQuery 实际上很容易。但是可能应该有不同的动画包只适用于一个元素。希望这对您有所帮助。

动画流星问题的实时变化

Animating live changes in meteor issue

javascript

meteor

meteor-helper