Question

我目前遇到Ruby on Rails无法允许JavaScript元素运行的问题。我尝试了一切以使这个插件正常工作。这是我目前的代码/设置。

Application.js
//= require owl.carousel

Application.scss.css
*= require owl.carousel
*= require owl.theme

Markup
 <div class="row">
    <script type="text/javascript">
        $(document).ready(function(){
            $("#owl-carousel").owlCarousel({
                autoPlay: 3000,
                item : 3,
                itemsDesktop : [1119,3],
                itemsDesktopSmall : [979, 3]
            });
        });
    </script>
    <div class="large-12 medium-12 small-2 columns mid-index-bg">
      <h2 style="color: red; text-align: center;">Carousel Placeholder</h2>
        <div class="owl-carousel">
            <div class="item"><%= image_tag 'Photos/pic1.jpg' %></div>
            <div class="item"><%= image_tag 'Photos/pic2.jpg' %></div>
        </div>
    </div>
  </div>

Answer 1

您需要使用$('.owl-carousel')而不是$('#owl-carousel')，因为您定位的是ID而不是类

在jquery中，选择器#定位一个ID，其中句点.定位一个类名

更改或更改 <div class="owl-carousel"> 至 <div id="owl-carousel">

并按原样保留您的javascript

JavaScript调用方法不适用于OwlCarousel-Rails

1 个答案: