【问题标题】:How to reactivate bootstrap carousel?如何重新激活引导轮播?
【发布时间】:2015-05-01 05:03:50
【问题描述】:

我在 Heroku 托管的 rails 应用程序的主页上有一个引导轮播。页面最初加载时它工作正常。但是,如果我转到另一个页面,然后返回主页,除非我单击左或右 V 形之一,否则轮播不会循环。我想这很正常,但是当我从应用程序内链接回主页时,如何自动使轮播循环。我正在通过 CDN 进行引导:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

和 javascript/jquery 来自:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

请帮忙。

【问题讨论】:

    标签: ruby-on-rails twitter-bootstrap heroku


    【解决方案1】:

    听起来可能是由于使用了 turbolinks。如果是,最简单的解决方案是尝试 disabling turbolinks 看看是否能解决问题。

    如果解决了它,原因是 Bootstrap 可能在 document ready 上设置了它的轮播和其他内容,每个页面加载只触发一次。 Turbolinks 使得转到另一个页面不会触发整个页面加载 - 它通过 ajax 将新内容拉入,因此当您从另一个页面 - 即使当您直接查看主页时它确实会加载。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-02
      相关资源
      最近更新 更多