ruby-on-rails - Owl Carousel Slider 不会在 Ruby on Rails 应用程序中显示

Question

我一直在尝试将 OwlCarousel 图像 slider 实现到我的 RoR 应用程序中。问题是似乎没有调用 slider 。

这是它当前输出的内容(有两张图片)-

这是我当前的相关代码——

在 application.js 中

//= require jquery
//= require bootstrap-sprockets
//= require jquery_ujs
//= require turbolinks
//= require owl.carousel
//= require_tree .

在application.css.scss中

/*
 *= require owl.carousel
 *= require owl.theme
 *= require_tree .
 *= require_self
 */

@import "bootstrap-sprockets";
@import "bootstrap";

在 show.html.erb 中

    <div>   
        <div class="col-xs-12 col-md-offset-2 col-md-6 project-right-panel">
            <div id="owl-carousel">
                <% @post_attachments.each do |p| %>
                  <%= image_tag p.avatar_url %>
                  <%= link_to "Edit Attachment", edit_post_attachment_path(p) %>
                <% end %>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function(){
            $("#owl-carousel").owlCarousel({
                autoPlay: 3000,
                item : 3,
                itemsDesktop : [1119,3],
                itemsDesktopSmall : [979, 3]
            });
        });
    </script>

Answer 1

item : 3 应该是 items: 3。可能就是这样。他们的演示看起来还希望您将图像包装在类为 item 的 div 中。