Uncaught ReferenceError: jQuery is not defined with owl carousel

Question

所以我试图让 Owl 轮播正常工作，但我没有运气。我看到它抛出了一些 JQuery 错误，我想知道你们中是否有更多 JQuery 经验的人知道发生了什么。这是页面的 link。

这是我的 Owl 轮播 HTML 设置。

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

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

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

任何人都可以指出正确的方向来解决这个问题吗？

Answer 1

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

Answer 2

您没有正确包含 jQuery 库。

jQuery 先插件

在 head 部分添加以上其他脚本：

<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

Uncaught ReferenceError: jQuery is not defined with owl carousel

Uncaught ReferenceError: jQuery is not defined with owl carousel

wordpress

jquery

referenceerror

owl-carousel