流星反应变量计时

时间:2017-04-05 05:22:47

标签: animation meteor css-animations reactive-programming

所以即使经过尽可能多的研究,我仍然有点头脑,我不确定我的问题是否会有多大意义。

我正在与Meteor进行纸牌游戏并拥有一个被收集,洗牌并发送到玩家手牌阵列的牌组,然后更新数据库。然后,为了给每张卡片提供动画以使其看起来平滑,每张卡片都会被给予一个“顶部”卡片。并且'离开'使用模板助手修改CSS的属性(而不是使用模板使事物只显示和消失)。

我的问题是 - 当我致电'交易'功能,只有大约一半的卡去他们应该的地方。但是,如果我刷新页面,一切都应该是正确的。

所以变量是正确的,但反应性是不是很正常?就像看起来反应变量在加载所有参数之前过早触发一样?

有关如何清理动画系统或在完成所有交易后触发手动刷新的任何建议?

再次,我为所有事情的不确定性道歉。

甲板上有45张牌都试图一次执行。模板总体设置如下:

<template name = 'card'>
<div class = 'card' style = '
    top:{{positionTop}}px;
    left:{{positionLeft}}px'>
</div>
</template>

有这样的助手:

Template.card.helpers({
    'positionLeft':function(){
        if ('partner' === this.location){
            return this.position*50
        } else if ('hand' === this.location){
            return this.position*25
        }
    },

    'positionTop':function(){
        if ('player' === this.owner){
            return 200
        } else if ('opponent' === this.owner){
            return 400
        }
    }
});

0 个答案:

没有答案