Bootstrap Carousel with Meteor

Question

我的代碼有問題。我是學習流星的新手。我已經無法修復它幾個小時了。我在練習場地裏放了一個旋轉木馬，沒有按照它應有的方式工作，所有的照片都出現了。我複製從引導程序的網站粘貼轉盤模板並將其存儲在模板標籤內。

<template name="Carousel"> 
 
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
 

 
<ol class="carousel-indicators"> 
 
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
 
    <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
 
    <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
 
</ol> 
 

 
    
 
<div class="carousel-inner" role="listbox"> 
 
    <div class="item active"> 
 
    <img src="/images/1.png" alt=""> 
 
    </div> 
 
    <div class="item active"> 
 
    <img src="/images/2.png" alt=""> 
 
    </div> 
 
    <div class="item active"> 
 
    <img src="/images/3.jpg" alt=""> 
 
    </div> 
 
</div> 
 

 
<!-- Controls --> 
 
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> 
 
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
 
    <span class="sr-only">Previous</span> 
 
</a> 
 
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 
 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
 
    <span class="sr-only">Next</span> 
 
</a> 
 
    </div> 
 
</template>

這是我homelayout這裏我所說的旋轉木馬的模板

<template name="HomeLayout"> 
 
    {{> yield "Navigation"}} 
 
    {{> yield "Carousel"}} 
 
</template>

這是我的路線

Router.route('/', function() { 
 
    this.layout('HomeLayout'); 
 
    this.render('Navigation', {to: 'Navigation'}); 
 
    this.render('Carousel', {to: 'Carousel'}); 
 
});

此外，我還可以獲得有關Meteor中頁面路由正確編碼的提示/反饋嗎？

非常感謝您的幫助。非常感謝。

Answer 1

終於， 幾分鐘後，我發現了錯誤。我無意中在每個項目中添加了「主動」類。 我不知道該笑還是哭。 xD 也許我只是需要一些睡眠。