軌道圖像滑塊插件為何不起作用？

Question

我正在按照此指南設置軌道，由於某種原因，它根本無法正常工作。 我敢肯定這非常簡單，因為只有兩個步驟可以執行，但是我真的看不到它，可以用另一雙眼睛。 讓我知道是否看到問題所在，謝謝！

<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">
<script type="text/javascript">
 $(window).load(function() {
     $('#featured').orbit();
 });
</script>
<div id="featured"> 
 <img src="1.jpg" alt="Overflow: Hidden No More" />
 <img src="2.jpg"  alt="HTML Captions" />
 <img src="3.jpg" alt="and more features" />
</div>

Answer 1

檢查您的jQuery和Orbit JS文件路徑是否正確並正在加載。

嘗試使用$(document).ready();

    <div id="featured"> 
     <img src="1.jpg" alt="Overflow: Hidden No More" />
     <img src="2.jpg"  alt="HTML Captions" />
     <img src="3.jpg" alt="and more features" />
    </div>

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