Owl Carousel 正在工作，但在 Rails 4 应用程序中表现得非常奇怪答案

【问题标题】：Owl Carousel is working but acting extremely oddly in Rails 4 applicationOwl Carousel 正在工作，但在 Rails 4 应用程序中表现得非常奇怪
【发布时间】：2015-08-26 00:51:03
【问题描述】：

我正在尝试实现 Owl Carousel。所有文件都正常工作，但它的行为有一些非常错误的地方。

如下所示：

每张图片都有自己的 div，但 Owl 轮播显示它就像它只是一张图片一样。

这是它的代码：

.post_image_description
            .owl-carousel#owl-example
                - @post_attachments.each do |p|
                    = image_tag p.image_url

我的posts.js.coffee：

$ ->
    $("#owl-example").owlCarousel({

      navigation : true,
      slideSpeed : 300,
      paginationSpeed : 400,
      singleItem:true,
      items: 1
  });

至于链接脚本，我使用的是 CDN：

%script{:src => "https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css"}
    %script{:src => "https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.css"}
    %script{:src => "https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.js"}

【问题讨论】：

为什么要将css文件添加为script？你应该使用stylesheet_link_tag 看看这个问题：stackoverflow.com/questions/9643795/…

标签： javascript jquery ruby-on-rails ruby-on-rails-4 owl-carousel

【解决方案1】：

您错误地链接了外部样式表。

如果你有类似的东西：

= stylesheet_link_tag    'application'

查找您拥有的每个.css 文件并将其添加到其中，以逗号分隔。喜欢：

= stylesheet_link_tag    'application', "some css file"

您可以删除代码中的其他 %script（对于 css 文件，请单独留下 .js）

【讨论】：