gpt4 book ai didi

jquery - 类型错误 : No object named as orbit

转载 作者:行者123 更新时间:2023-12-01 06:52:51 26 4
gpt4 key购买 nike

我正在尝试使用 Zurb 的 Foundation 3。他们的一个功能称为轨道 slider ,我正在尝试使用它。但我收到此错误和另一个错误,

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>

最佳答案

首先加载 jquery.js (在 jquery 插件之前)应该可以解决您的问题

关于jquery - 类型错误 : No object named as orbit,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12126670/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com