meteor - 如何动态更改 Meteor 中的背景图像？

Question

我是新来的流星和模板系统有点挣扎。

我想根据我的数据库中变量的状态变化来更改流星中 .body css 类的背景图像属性。

这是一个有两个玩家的排行榜应用程序（来自示例），当 Joe 的分数 > 0 时，背景图像应该是 joe.png，否则它是 jack.png。

谢谢你的提示 ！

Answer 1

在 (isClient) 块中添加这个

Meteor.autorun(function() {
    if(Players.findOne({name:"Joe"}).score > 0) {
        $('body').css('background-image','url(/joe.png)');
    }
    else
    {
        $('body').css('background-image','url(/jack.png)');
    }
}

基本上 Meteor.autorun 将在其中使用的反应变量Players在这种情况下发生变化时运行该函数。所以当你的玩家数据库发生变化时，它会运行这段代码。