硬幣滑塊：$未定義

Question

我正在嘗試在我的網站上實現Coin Slider（http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/）。 但是，我無法讓它發揮作用。 Firefox錯誤控制台顯示'$未定義'。

我只知道HTML和CSS，並認為這只是復制和粘貼代碼的情況。 如果它是一個簡單的解決方案，這將是偉大的，但我可能已經咬了更多，我可以咀嚼！

謝謝你的幫助。

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script type="text/javascript" src="coin-slider.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../style.css" />
<style type="text/css">
</style>
    </head>
    <body>
    <div id="wrapper">
<!-- Begin Content -->
     <div id="content">
    <div id='coin-slider'>
     <a href="" target="">
    <img src='../portfoliopages/Funpets/splashpresliced.jpg' >
      <span>
      Description for img01
    </span>
    </a>
    <a href="" target="">
      <img src='../portfoliopages/Funpets/eggprespliced.jpg' >
     <span>
     Description for imgN
     </span>
     </a>
    <a href="" target="">
    <img src='../portfoliopages/Funpets/baby.jpg' >
      <span>
      Description for img01
    </span>
    </a>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#coin-slider').coinslider({ width: 550,
    height: 220,
    spw: 7,
    sph: 5,
    delay: 3000,
    sDelay: 30,
    opacity: 0.7,
    titleSpeed: 500,
    effect: '',
    navigation: true,
    links : true,
    hoverPause: true });
    });
    </script
    </div>
    </div>
     <!-- End Content -->
    </div>
    </div>
<!-- Begin Footer --></div> </div>
     <!-- End Footer -->
    </body>
    </html>

Answer 1

當頁面無法找到jQuery或jQuery在加載之前被引用時，錯誤$未定義是典型的。 在你的實例中首先加載jQuery，所以我假設你的jQuery路徑是錯誤的。 仔細檢查jquery的路徑，然后可以瀏覽到jquery JS文件jquery-1.4.2.js

Answer 2

這意味着沒有定義jQuery變量$ 。 我想你只是在沒有下載jQuery的情況下進行復制。

這段特殊代碼要求您下載jQuery，命名為jquery-1.4.2.js文件，並將其定位在與此文件相同的位置。 你應該在那里得到coin-slider.min.js 。 你可能會發現它附在教程中。

Answer 3

確保加載頁面時沒有404錯誤。 在firefox中啟用FireBug並轉到Net設置，重新加載頁面並檢查您的http響應（或任何其他Debugger / Inspect工具）

您可以嘗試將腳本源替換為完整的URL，以測試您的代碼是否正常工作：

對於Jquery： http ：//workshop.rs/projects/coin-slider/jquery-1.4.2.min.js

對於Coin Slider： http ： //workshop.rs/projects/coin-slider/coin-slider.min.js

我從Coin Slider示例/演示頁面獲得了完整的URL。 您可以打開鏈接並將其下載到本地計算機。

硬幣滑塊：$未定義

問題描述

3 個解決方案

解決方案1
1 2012-06-26 10:09:46

解決方案2
1 2012-06-26 10:12:38

解決方案3
0 2012-06-26 10:15:24

硬幣滑塊：$未定義

問題描述

3 個解決方案

解決方案1 1 2012-06-26 10:09:46

解決方案2 1 2012-06-26 10:12:38

解決方案3 0 2012-06-26 10:15:24

解決方案1
1 2012-06-26 10:09:46

解決方案2
1 2012-06-26 10:12:38

解決方案3
0 2012-06-26 10:15:24