2015-01-20 43 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。

相关问题