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

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