잡히지 않은 ReferenceError : jQuery가 올빼미 회전식 컨베이어로 정의되지 않았습니다.

Question

올빼미 회전식 캐롤을 제대로 작동 시키려고하고 있습니다. 행운이 없습니다. 일부 JQuery 오류가 발생하고 JQuery에 대한 경험이 많은 사용자가 어떤 일이 발생했는지 궁금합니다. 다음은 페이지에 대한 링크입니다.

Div Site

은 여기 내 올빼미 회전 목마 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 라이브러리를 올바르게 포함하지 않았습니다.

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 second를 포함하십시오.