我试图在我的网站上创建一个Orbit滑块,但是,当我在Web浏览器中运行网页时,Orbit Slider应该位于其中,我看到:

$(window).load(function() { $("#featured").orbit(); });


我猜这是因为html文档未链接到正确的javascript文件。该站点当前已链接到jquery.js,foundation.min.js和jquery.foundation.orbit.js。是将错误的文件链接到html文件,还是存在其他问题?

滑块div的代码是这样的:

<div id="featured">
    <img src="example_pics/example1.jpg />
    <img src="example_pics/example2.jpg />
    <img src="example_pics/example3.jpg />
</div>


和实际的JavaScript是这样的:

<script type="text/javascript">
   $(window).load(function() {
       $("#featured").orbit();
   });
</script>


任何帮助或提示,不胜感激

最佳答案

<script src="js/jquery.min.js" type="text/javascript"></script>

<script src="js/jquery.orbit.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/orbit.css">


http://zurb.com/playground/orbit-jquery-image-slider

10-01 04:05