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

Question

我一直在尝试将OwlCarousel图片滑块实现到我的RoR应用中。问题是滑块似乎没有被调用。

这是它目前输出的（有两张图片） -

这是我目前的相关代码 -

在application.js

中

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

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

在application.css.scss

中

    <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>

在show.html.erb

中

tidyr

Answer 1

item : 3应为items: 3。可能就是这样。他们的演示看起来似乎也希望您将图像打包在div的{​​{1}}课程中。