Owl Carousel在初始加载后消失而没有刷新

时间:2014-04-23 17:57:40

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

我正在使用猫头鹰旋转木马,而且大多数情况下它正如我所希望的那样工作。但是,在我的主页面上加载后,如果我离开页面然后返回(通过链接),或者即使我点击我的徽标将我带到同一主页面,轮播也会消失。它只会在我实际刷新浏览器时重新出现,而不是在我通过链接导航时。我使用Rails 4.1和Bootstrap 3,虽然我不相信那些是问题。也许他们是吗?

了解我之所以说您可以访问http://enigmatic-brushlands-2071.herokuapp.com/

我注意到.css中的owl carousel将显示设置为none,直到init

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

如果我更改此显示值我显示的项目但它们没有正确显示(它们非常大)。出于某种原因,当我导航回页面时,它没有改变显示值。

1 个答案:

答案 0 :(得分:0)

你的问题是涡轮锁定。

尝试添加

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

回家帮助