类型错误：没有命名为轨道的对象

我想使用Zurb的Foundation 3。他们称之为轨道滑块的一个特征是，我试图使用它。但我得到这个错误，并多了一个错误，类型错误：没有命名为轨道的对象

Uncaught ReferenceError: jQuery is not defined

Uncaught Type Error: Object [object Object] has no method 'Orbit'

这里我的代码：

html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Mama's Kitchen</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'> 

     <link rel="stylesheet" type="text/css" href="stylesheets/app.css" /> 
     <link rel="stylesheet" type="text/css" href="stylesheets/foundation.css" /> 
     <link rel="stylesheet" type="text/css" href="stylesheets/foundation.min.css" /> 
     <script type="text/javascript" src="javascripts/modernizr.foundation.js"></script> 
     <script type="text/javascript" src="javascripts/app.js"></script> 
     <script type="text/javascript" src="javascripts/foundation.min.js"></script> 

     <script type="text/javascript" src="javascripts/jquery.foundation.accordion.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.alerts.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.buttons.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.forms.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.mediaQueryToggle.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.navigation.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.orbit.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.reveal.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.tabs.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.foundation.tooltips.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.js"></script> 
     <script type="text/javascript" src="javascripts/jquery.placeholder.js"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
    </head> 
    <body style="background-color: #EE9A49"> 
     <div class="row"> 
      <div class="nine columns centered " > 
       <img src="images/il_fullxfull.148292217.jpg" style="float: left" width="150px" height="150px"/> 
       <h3 style="font-family: 'Shadows Into Light Two', cursive;">Mama's Indian Kitchen</h3> 
       <h5 style="font-family: 'Shadows Into Light Two', cursive;">Authentic Indian Food</h5> 
       <hr> 
      </div> 
     </div> 
     <br /> 
     <br /> 
     <div class="row"> 
      <div class="nine columns centered"> 

       <div id="featured"> 
        <img src="images/528061_432208526817809_425531179_n.jpg" /> 
        <img src="images/578889_431847450187250_114066073_n.jpg" /> 
        <img src="images/579962_431846126854049_1905559928_n.jpg" /> 
       </div> 
      </div> 
     </div> 
     <script type="text/javascript"> 
      $(window).load(function() { 
       $('#featured').orbit(); 
      }); 
     </script> 

    </body> 

</html>

来源

2012-08-26 user1601973

加载jquery.js第一（之前的jQuery插件）应该解决您的问题

来源

2012-08-26 00:08:54 orhanhenrik

我已经加载的。 – user1601973

你正在jquery本身之前加载基础jquery插件 – orhanhenrik

类型错误：没有命名为轨道的对象

回答

相关问题