猫头鹰轮播在初始加载后消失而没有刷新答案

【问题标题】：Owl Carousel dissapears after initial load without a refresh猫头鹰轮播在初始加载后消失而没有刷新
【发布时间】：2014-06-08 17:32:51
【问题描述】：

我正在使用 Owl Carousel，并且在大多数情况下，它的工作方式与我所希望的完全一样。但是，在我的主页上加载后，如果我离开页面然后返回（通过链接），或者即使我点击了我的徽标，这将带我到同一个主页，轮播就会消失。只有当我真正刷新浏览器时它才会重新出现，而不是如果我通过链接导航到那里。我正在使用 Rails 4.1 和 Bootstrap 3，尽管我不认为这些是问题所在。也许他们是？

要了解我的意思，您可以访问http://enigmatic-brushlands-2071.herokuapp.com/

我在 .css 中注意到 owl carousel 将显示设置为无，直到初始化

/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}

如果我更改此显示值，我已经显示的项目但它们显示不正确（它们非常大）。出于某种原因，当我导航回页面时，它不会更改显示值。

【问题讨论】：

标签： javascript jquery ruby-on-rails twitter-bootstrap

【解决方案1】：

你的问题是涡轮链接。

尝试添加

gem 'jquery-turbolinks'

到 Gemfile，然后确保在 application.js 中首先需要 jquery，然后需要 jquery.turbolinks，然后需要所有自定义 js，然后需要 turbolinks。这是一个例子

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs

//= require bootstrap-switch
//= require bootstrap
//= require owl.carousel
//= require_tree .

//= require turbolinks

回家这有帮助

【讨论】：