gpt4 book ai didi

javascript - img src 中的 meteor 模板不起作用

转载 作者:行者123 更新时间:2023-12-03 08:20:29 25 4
gpt4 key购买 nike

我知道图像将保存在公共(public)文件夹中,并且公共(public)文件夹不会被引用。这是我正在处理的内容,我一生都无法弄清楚是什么错误导致图像无法加载。

HTML:

<body>
{{>carousel}}
</body>
<template name="carousel">

<div class="carousel">
<span class="back">
<a href="#">Back</a>
</span>
{{>carouselImages}}
<span class="forward">
<a href="#">Forward</a>
</span>
</div>
</template>

<template name="carouselImages">
<img src="{{slide}}" height="200px" width="200px">
</template>

JavaScript:

slideNumber = 0;



if (Meteor.isClient) {
Template.carousel.events({
'click .back': function(){
if (slideNumber == 0){
slideNumber = 4;
} else {
slideNumber++;
}
},
'click .forward': function(){
if (slideNumber == 4){
slideNumber = 0;
} else {
slideNumber--;
}
}
});

Template.carousel.helpers({
slide: function(slideNumber){
switch(slideNumber) {
case 0:
return "21.png";
break;
case 1:
return "bj2.png";
break;
case 2:
return "vp.png";
break;
case 3:
return "vp2.png";
break;
case 4:
return "vp3b.png";
break;
}
}
});
}

if (Meteor.isServer) {

}

最佳答案

您试图引用全局变量 (slideNumber),但提供本地重载 (slide: function(slideNumber)),并且您没有提供任何参数在模板中幻灯片。要么删除本地参数(见下文),要么以某种方式提供作为参数。

Template.carouselImages.helpers({
slide: function() {
switch(slideNumber) {
...
}
}
});

关于javascript - img src 中的 meteor 模板不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33767985/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com