【发布时间】:2016-10-28 03:59:57
【问题描述】:
Owl Carousel 不适用于我的 rails 安装。它没有出现在我的测试页面上,并且这个错误出现在 Chrome 开发者控制台中:
Uncaught TypeError: undefined is not a function
我已按照https://github.com/acrogenesis/owlcarousel-rails 上的指示进行操作
和even installed this fix since Rails turbolinks apparently messes with DOM triggers。
以下是rails中的相关代码:
**GemFile**
gem 'owlcarousel-rails'
**app/assets/application.js**
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require owl.carousel
//= require_tree .
**app/assets/stylesheets/application.css**
*= require_tree .
*= require_self
*= require owl.carousel
*= require owl.theme
**home.html.erb**
<body>
...
<div class="owl-carousel" col-lg-12">
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
</div>
...
</body>
<script>
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
autoPlay: 3000,
item: 3
});
});
</script>
截至目前,该区域是这样的(应该在白色区域中有内容):
【问题讨论】:
-
jquery.turbolinks表示将require turbolinks放在所有其他require语句之后。你试过这样做吗?
标签: javascript jquery ruby-on-rails owl-carousel