Bootstrap旋转木马在Heroku应用程序中不起作用

Question

我正在使用我的导轨应用程序从CDN引导。除了主页上的旋转木马之外，大多数造型作品都是如此。它在开发中运行良好，但在Heroku中没有问题。我不知道这是否相关，但我已经在routes.rb中定义了这条路径：root“home＃index”，它通过HomeController显示index.html.erb。旋转木马中的第一张图片被加载，但就是这样。它没有功能。现在我在宝石文件中没有bootstrap宝石，如果有必要，我会尝试。我只想看看有没有人看过这个问题，并知道该怎么做。我认为这个文件是OK，因为它在发展，但这里是index.html.erb：

<div id="myCarousel" class="carousel slide img-rounded" data-ride="carousel"> 
<!-- Indicators --> 
<ol class="carousel-indicators"> 
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
    <li data-target="#myCarousel" data-slide-to="1"></li> 
    <li data-target="#myCarousel" data-slide-to="2"></li> 
    <li data-target="#myCarousel" data-slide-to="3"></li> 
    <li data-target="#myCarousel" data-slide-to="4"></li> 
</ol> 

<!-- Wrapper for slides --> 
<div class="carousel-inner" role="listbox"> 
<div class="item active"> 
    <%= image_tag("nicholson2.jpg", alt:"nicholson", class: "img-rounded") %> 
</div> 

<div class="item"> 
    <%= image_tag("marilyn2.jpg", alt:"marilyn", class: "img-rounded") %> 
</div> 

<div class="item"> 
    <%= image_tag("pacino2.jpg", alt:"pacino", class: "img-rounded") %> 
</div> 

<div class="item"> 
    <%= image_tag("lily.jpg", alt:"lily", class: "img-rounded") %> 
</div> 

<div class="item"> 
    <%= image_tag("deniro2.jpg", alt:"deniro", class: "img-rounded") %> 
</div> 
</div> 

<!-- Left and right controls --> 
<a class="left carousel-control" href="#myCarousel" 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="#myCarousel" role="button" data-slide="next"> 
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
<span class="sr-only">Next</span> 
</a> 
</div> 

Answer 1

我使用HTTPS解决了这个：而不是http：链接到外部资源时。它在开发中工作，但显然Heroku不允许它。