Question

所以我想让Owl Carousel正常工作，我没有运气。我看到它抛出了一些JQuery错误，我想知道是否有任何有更多JQuery经验的人会知道发生了什么。这是该页面的链接。

这是我的猫头鹰旋转木马HTML设置。

＆＃13;

<script>
$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      autoPlay: 3000, //Set AutoPlay to 3 seconds
 
      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]
 
  });
</script>

＆＃13;

#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}

＆＃13;

<!-- BEGIN PARTNERS SECTION--> 
        <div id="partners_section" class="clearfix">
            <div id="partners_container" class="clearfix">
                <p id="Our_Partners_In_The_Workforce" class="image wow fadeIn" data-wow-duration=".5s" data-wow-delay=".3s"/>
                Our Partners In The Workforce
                </p>

<div id="owl-demo">


 <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>

</div>

<script>
$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      autoPlay: 3000, //Set AutoPlay to 3 seconds
 
      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]
 
  });
</script>
            </div>
        </div>

<!-- END PARTNERS SECTION-->

＆＃13;

有人能指出我正确的方向，找到解决办法吗？

Answer 1

您没有正确包含jQuery lib。

jQuery然后插件

在头部添加以上其他脚本：

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

修改你的HEAD标签中有一个DIV。而且，它是未公开的。

见这里： http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cloudpointtech.com%2Fx123%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Answer 2

确保首先包含jquery js文件，然后再包含owl.carousel.min.js。

未捕获的ReferenceError：jQuery未使用owl carousel定义

2 个答案: