我试图在我的rails应用程序中实现猫头鹰旋转木马。但是猫头鹰旋转木马不会显示。在我的=SUMPRODUCT(ROW($A$1:INDEX($A:$A,10)))
中，我添加了以下宝石。
gem filegem 'jquery-rails', '~> 4.3', '>= 4.3.1'
gem 'popper_js', '~> 1.12.9'
gem 'bootstrap', '~> 4.0.0.beta2.1'
gem 'owlcarousel-rails', '~> 1.1', '>= 1.1.3.3'中，代码看起来像
application.js//= require jquery3
//= require popper
//= require bootstrap
//= require owl.carousel
//= require active
//= require rails-ujs
//= require turbolinks包含此代码
active.js
(function ($) {
'use strict';
// :: 1.0 Owl Carousel Active Code
if ($.fn.owlCarousel) {
$(".welcome_slides").owlCarousel({
items: 1,
loop: true,
autoplay: true,
smartSpeed: 1500,
nav: true,
navText: ["<i class='pe-7s-angle-left'</i>", "<i class='pe-7s-angle-right'</i>"]
});
$(".app_screenshots_slides").owlCarousel({
items: 1,
loop: true,
autoplay: true,
smartSpeed: 800,
margin: 30,
center: true,
dots: true,
responsive: {
0: {
items: 1
},
480: {
items: 3
},
992: {
items: 5
}
}
});
}
})(jQuery);代码
application.css *= require_tree .
*= require_self我必须导入这两个css。
Style.css.scss我的@import "bootstrap";
@import "owl.carousel";
文件代码是
index.html.erb