2015-01-20 40 views
0

所以我想讓貓頭鷹傳送帶正常工作,我沒有運氣。 我看到它拋出了一些JQuery錯誤,並且想知道是否有更多JQuery經驗的人會知道發生了什麼。 以下是該頁面的鏈接。Uncaught ReferenceError: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-->

任何人都可以點我就如何做才能找到這個修復正確的方向?

回答

3

你沒有正確包含jQuery庫。

jQuery的第一則插件

上面添加head部分其他腳本:

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

編輯: 你必須在你的腦袋標籤的DIV。此外,它是封閉的。

在這裏看到: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cloudpointtech.com%2Fx123%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

+0

謝謝你們兩個,即固定我的大部分問題,但似乎多了一個錯誤引發。未捕獲的SyntaxError:意外的輸入結束。它在線上。 – Tyrii 2015-01-21 00:01:27

+0

:D很樂意提供幫助。看我的編輯。 – Red2678 2015-01-21 00:06:05

+1

謝謝紅色。無法弄清楚那些「家庭博客滯後」錯誤來自哪裏。猜猜wordpress插件,但這是讓我在路上。非常感謝! – Tyrii 2015-01-21 00:20:21

0

確保先包含jquery js文件,然後再包含owl.carousel.min.js。

相關問題