我正在使用主页上有滑块(准确的旋转滑块插件)的Meteor应用程序。我有一个模板助手,可以拉动集合上的图像。它在本地工作得很完美,但是当部署在Meteor的免费服务器上时,它不会从集合中返回任何内容。
另外,我尝试使用imagesLoaded插件检查在运行脚本之前是否加载了所有图像以触发滑块,但是,它仍然不起作用。我检查了开发人员工具,发现它根本没有加载。 '滑块'帮助者什么都不返回。
您认为可能是什么问题。我已经解决了这个问题很长一段时间了,而且我没有选择。
希望有人可以帮助我。
谢谢!
顺便说一下,这是帮助者的代码:
Template.homepageSlider.helpers({
sliders: function() {
return _.map(HomepageSliders.find({}, {fields: {url:1, client_name:1}}).fetch(), function(val, index) {
return {value: val, active: (index == 0 ? "item active" : "item")}
});
}
});
HTML:
<!-- SLIDE -->
{{#each sliders}}
<li class="revolution-mch-1" data-transition="fade" data-slotamount="3" data-masterspeed="1000" data-title="{{this.value.client_name}}">
<!-- MAIN IMAGE -->
<img id="homepage-img" src="{{this.value.url}}" alt="darkblurbg" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
<div class="tp-caption finewide_verysmall_white_mw sft start"
data-x="left"
data-hoffset="50"
data-y="bottom"
data-voffset="-35"
data-speed="1500"
data-start="100"
data-easing="Back.easeInOut"
data-endeasing="Power1.easeIn"
data-endspeed="300">
<i class="fa fa-info"></i> {{this.value.client_name}}
</div>
</li>
{{/each}}
<!-- END SLIDE -->