2014-11-15 145 views
1

我读通过,并不能找到一个解决方案适合我的问题遗漏的类型错误:未定义是不是一个函数光滑车

我试图让华而不实的传送带工作。我已经得到了它的jsbin工作如下所示: http://jsbin.com/gojozobemi/1/edit?html,output

但是我的桌面上工作时,它显示在开发者控制台一个错误说“未捕获的类型错误:未定义是不是一个函数” 下面有一些我的桌面上的代码

$(document).ready(function(){ 
 
    $('.single-items').slick({ 
 
     dots: true, 
 
     infinite: true, 
 
     speed: 300, 
 
     slidesToShow: 1, 
 
     adaptiveHeight: true 
 
    }); 
 
});
<div class="single-items"> 
 
    <div> 
 
     <img src="http://wallpapercartoon.com/wp-content/uploads/2014/07/o-DOUG-facebook.jpg"> 
 
    </div> 
 
    <div> 
 
     <img src="http://img3.wikia.nocookie.net/__cb20130803215442/nickelodeon/images/e/e2/Tumblr_lvjvhxwDiM1r6hffko1_400.jpg"> 
 
    </div> 
 

 
    <div> 
 
     <img src="http://fc02.deviantart.net/fs70/f/2013/303/b/4/pork_chop_by_barontremaynecaple-d6sdm6s.jpg"> 
 
    </div> 
 
</div>

我难倒,为什么这会在JSBin工作,而不是我的桌面上,任何帮助,将不胜感激

<!DOCTYPE html> 
 
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]--> 
 
<html class="no-js" lang="en"> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <!-- If you delete this meta tag World War Z will become a reality --> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
 
    <title>Coffee Site</title> 
 

 
    <link rel="stylesheet" href="css/normalize.css"> 
 
    <link rel="stylesheet" href="css/foundation.css"> 
 
    <link rel="stylesheet" href="css/app.css"> 
 
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.15/slick.css" /> 
 

 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
    <script src="js/vendor/modernizr.js"></script> 
 
    <script src="js/slickini.js"></script> 
 
</head> 
 

 
<body> 
 
    <div class="contain-to-grid sticky"> 
 
    <nav class="top-bar" data-topbar role="navigation"> 
 
     <ul class="title-area"> 
 
     <li class="name"> 
 
      <h1><a href="#">Coffee Site</a></h1> 
 
     </li> 
 
     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> 
 
     <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a> 
 
     </li> 
 
     </ul> 
 

 
     <section class="top-bar-section"> 
 
     <!-- Right Nav Section --> 
 
     <ul class="right"> 
 
      <li class="has-form"> 
 
      <div class="row collapse"> 
 
       <div class="large-8 small-9 columns"> 
 
       <input type="text" placeholder="Find Stuff"> 
 
       </div> 
 
       <div class="large-4 small-3 columns"> 
 
       <a href="#" class="alert button expand">Search</a> 
 
       </div> 
 
      </div> 
 
      </li> 
 
     </ul> 
 

 
     <!-- Left Nav Section --> 
 
     <ul class="left"> 
 
      <li class="has-dropdown"> 
 
      <a href="#">Left Button Dropdown</a> 
 
      <ul class="dropdown"> 
 
       <li><a href="#">First link in dropdown</a> 
 
       </li> 
 
       <li class="active"><a href="#">Active link in dropdown</a> 
 
       </li> 
 
      </ul> 
 
      </li> 
 

 
     </ul> 
 
     </section> 
 
    </nav> 
 
    </div> 
 
    <!---main content goes here--> 
 
    <div class="single-items"> 
 
    <div> 
 
     <img src="http://wallpapercartoon.com/wp-content/uploads/2014/07/o-DOUG-facebook.jpg"> 
 
    </div> 
 

 
    <div> 
 
     <img src="http://img3.wikia.nocookie.net/__cb20130803215442/nickelodeon/images/e/e2/Tumblr_lvjvhxwDiM1r6hffko1_400.jpg"> 
 
    </div> 
 

 
    <div> 
 
     <img src="http://fc02.deviantart.net/fs70/f/2013/303/b/4/pork_chop_by_barontremaynecaple-d6sdm6s.jpg"> 
 
    </div> 
 
    </div> 
 

 

 
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script> 
 
    <script src="js/vendor/jquery.js"></script> 
 
    <script src="js/foundation.min.js"></script> 
 

 

 
    <script> 
 
    $(document).foundation(); 
 
    </script> 
 

 
</html>

+0

能否请您发布一些代码,使您的jsbin链接一起?谢谢。 – soktinpk

+1

固定,让我知道如果我可以添加任何其他的东西会有所帮助。这是我第一次在这里问过一个问题。 –

+0

谢谢。我不明白为什么它不起作用。加载脚本之前加载了jquery吗? – soktinpk

回答

1

只需添加HTTPHTTPS您jquery.slick script参考。

<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script> 

你可能在你的桌面一个静态网站(不含网络服务器),所以浏览器不知道如何解决,而不HTTP或HTTPS参考。由于像任何托管网站一样的JSBin运行在Web服务器上,浏览器知道如何解析引用。它增加了HTTPHTTPS考虑网站的URL的值。

*做同样为您link CSS参考。

+0

以及我想我应该更新 我sorta固定我问题 八九不离十这意味着我放弃了华而不实的旋转木马,并与工作完美猫头鹰旋转木马去了。 谢谢大家的帮助! –

+0

@CodyCarmichael如果它工作,请随时接受答案。 – ianaya89

-1

尝试删除jquery('vendor/jquery.js'和'jquery-1.11.1.min.js')的双重实例加载..据我所知,slick.js遇到问题老版本的jquery也是如此。

相关问题