在Meteor+把手中将随机定位的图像保持在固定位置。可能的{{常量}}问题

在Meteor+把手中将随机定位的图像保持在固定位置。可能的{{常量}}问题,meteor,handlebars.js,Meteor,Handlebars.js,在使用流星和把手时,我在保持一些随机放置的图像(比如气球)的固定位置上遇到了一些麻烦 图像使用以下方法正确随机位置: Template.main.random = function(from,to) { return Math.floor(Math.random()*(to-from+1)+from); }, 和html: {{#each images user.balloons}} {{#constant}} <img class="itemimage" src

在使用流星和把手时,我在保持一些随机放置的图像(比如气球)的固定位置上遇到了一些麻烦

图像使用以下方法正确随机位置:

Template.main.random = function(from,to) {
return Math.floor(Math.random()*(to-from+1)+from);
},
和html:

{{#each images user.balloons}}
    {{#constant}}
        <img class="itemimage" src="{{url}}" style="margin-left:{{random 1 200}}px; margin-top:{{random 1 100}}px;">
    {{/constant}}
{{/each}}
然而,{{{consant}}并不像我希望的那样工作;图像在每次更新时都会收到新的随机边距,因此它们会在整个节目中跳过!有没有办法防止它们被更新?我是否错误地使用了{{constant}}

非常感谢您的帮助!这是我的第一个项目,进展顺利,所以我渴望保持动力

谢谢


编辑:一个简短的提示,当我尝试将{{constant}}移到{{{each}之外时,图像根本没有显示出来,所以这是不可能的

不幸的是,正如文件中所说:

恒定区域用于嵌入非流星内容。事件处理程序和反应依赖项当前在常量区域内无法正常工作


我建议编写一些函数,生成一个大小合适的随机坐标数组,然后首先在客户端代码中运行这个函数,并将结果存储在一个普通javascript变量中。然后,只需向正在渲染引出序号的模板添加一个辅助对象,为每个引出序号提供相关坐标。除非用户进行硬刷新,否则应将其保持在原位。

Damn。听起来。。。复杂的那就没有办法让他们和睦相处了?谢谢你的回答!