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

Question

我是流星的新手，对模板系统有点挣扎。

我想根据数据库中变量状态的变化来更改meteor中.body css类的background-image属性。

这是一个排行榜应用程序（来自示例），有两个玩家，当Joe的得分是＆gt; 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时运行该函数。因此，当您的玩家数据库更改时，它将运行此代码块。