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

Question

我在 rails 应用程序中使用来自 CDN 的 bootstrap。除了主页上的旋转木马外，大部分样式都有效。它在开发中运行良好，但在 Heroku 中却不行。我不知道这是否相关，但我已经在 routes.rb: root "home#index" 中定义了这条路由，它通过 HomeController 显示 index.html.erb。轮播中的第一张图片已加载，仅此而已。它没有任何功能。现在我在 gem 文件中没有 bootstrap gems，如果需要我会尝试。我只是想看看是否有人以前见过这个问题并且知道该怎么做。我认为这个文件没问题，因为它在开发中工作，但这里是 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 不允许它。

Answer 2

我遇到了同样的问题，在我的情况下，我不得不从 application.js 文件 (assets/javascripts/application.js) 中删除 //=require jquery_ujs。希望它能解决这个问题。 :)

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

Bootstrap carousel not working in Heroku app

ruby-on-rails

heroku

twitter-bootstrap