img src中的流星模板不起作用

Question

我知道圖像將保留在公用文件夾中，並且不會引用公用文件夾。 這是我正在使用的工具，我一生無法確定導致圖像無法加載的錯誤。

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) {

}

Answer 1

您試圖引用一個全局變量（ slideNumber ），但是提供了一個局部重載（ slide: function(slideNumber) ），並且您沒有提供任何要在模板中slide參數。 要么刪除局部參數（請參見下文），要么以某種方式提供參數。

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

img src中的流星模板不起作用

問題描述

1 個解決方案

解決方案1
1 已采納 2015-11-17 22:43:57

img src中的流星模板不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2015-11-17 22:43:57

解決方案1
1 已采納 2015-11-17 22:43:57