如何重新激活bootstrap轮播?

时间:2015-05-01 05:03:51

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

我在我的rails应用程序的主页上有一个bootstrap轮播,它在Heroku上托管。页面最初加载时工作正常。但是,如果我转到另一页,然后返回主页,旋转木马不会循环,除非我点击其中一个左或右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> 

请帮忙。

1 个答案:

答案 0 :(得分:0)

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

如果解决了这个问题,原因是Bootstrap可能会在document ready上设置它的轮播和其他内容,每次加载时只会触发一次。 Turbolinks使得它转到另一个页面不会触发整页加载 - 它通过ajax提取新内容,因此当你从主页回到主页时,将无法执行Bootstrap的javascript(设置轮播)另一页 - 即使它直接查看主页时会加载。