Javascript 猫头鹰转盘在轨道上无法正常工作

现在，只要我点击右键，幻灯片就不会改变。虽然块引号会发生更改，但它与当前引号重叠，一旦发生这种情况，按钮将不再工作

以下是my application.js中的文件：

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

以下是my application.css中的文件：

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

以下是my html.erb中的代码：

 <div class="container">
<div class="row">
    <div class="col-md-12">
        <div id="testimonial-slider" class="owl-carousel">
            <div class="testimonial">
                <div class="pic">
                    <img src="images/img-1.jpg" alt="">
                </div>
                <div class="testimonial-content">
                    <p class="description">
                        Lorem ipsum dolor sit amet, consectetur     adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
                    </p>
                    <h3 class="testimonial-title">Williamson
                        <small class="post">Web Developer</small>
                    </h3>
                </div>
            </div>

            <div class="testimonial">
                <div class="pic">
                    <img src="images/img-2.jpg" alt="">
                </div>
                <div class="testimonial-content">
                    <p class="description">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
                    </p>
                    <h3 class="testimonial-title">kristiana
                        <small class="post">Web Designer</small>
                    </h3>
                </div>
            </div>
        </div>
    </div>
</div>

最后是my.js中的代码：

$(document).ready(function(){
$("#testimonial-slider").owlCarousel({
    items:1,
    itemsDesktop:[1000,2],
    itemsDesktopSmall:[979,1],
    itemsTablet:[768,1],
    pagination:false,
    navigation:true,
    slideSpeed:1000,
    singleItem:true,
    transitionStyle:"goDown",
    navigationText:["",""],
    autoPlay:false
  });
});

---

现在，显示正常，但按钮和转换未按预期工作

现在到底发生了什么？对它当前显示的行为进行更多的解释将有助于调试它。现在，当您单击按钮在滚动条中移动时，会发生什么？我正在尝试实现这一点：jqueryrain.com/tutorial/esticiousal/demo41，但现在，每当我单击右按钮时，幻灯片都不会改变。虽然块引号确实发生了变化，但它与当前引号重叠，一旦发生这种情况，按钮就不再工作。现在到底发生了什么？对它当前显示的行为进行更多的解释将有助于调试它。现在，当您单击按钮在滚动条中移动时，会发生什么？我正在尝试实现这一点：jqueryrain.com/tutorial/esticiousal/demo41，但现在，每当我单击右按钮时，幻灯片都不会改变。虽然块引号会发生更改，但它与当前引号重叠，一旦发生这种情况，按钮将不再工作。

$(document).ready(function(){
$("#testimonial-slider").owlCarousel({
    items:1,
    itemsDesktop:[1000,2],
    itemsDesktopSmall:[979,1],
    itemsTablet:[768,1],
    pagination:false,
    navigation:true,
    slideSpeed:1000,
    singleItem:true,
    transitionStyle:"goDown",
    navigationText:["",""],
    autoPlay:false
  });
});