2012-06-26 67 views
0

我試圖在我的網站上實現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> 
+3

您是否確定JS文件「jquery-1.4.2.js」與HTML位於同一個目錄中? – Sirko

+0

您可以展開該錯誤消息。當然有文件名和亞麻布附加到它。或者甚至可能是堆棧跟蹤。 – Martijn

+0

堆棧跟蹤?這並不複雜。 '$未定義'僅表示未找到jQuery庫。此外,OP應該使用最新的jQuery,而不是1.4.2。 –

回答

1

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

+0

不,那*就是答案。當找不到jQuery時,會顯示這個特定的JS錯誤。 –

+1

Fair fair @Frédéric我已經闡述了更多。 – DaveHogan

+0

我現在已經開始工作了,謝謝。我沒有包含jquery-1.4.2.min.js文件。我很高興這很簡單。 – LaurenWomack

1

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

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

+0

我下載了本教程附帶的文件,但未包含jquery-1.4.2.min.js文件。我現在找到了。謝謝你的幫助。 – LaurenWomack

0

確保您在加載頁面時沒有404錯誤。在Firefox中啓用FireBug並轉到Net設置,重新加載頁面並檢查您的http響應(或任何其他調試器/檢查工具)

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

jQuery的:http://workshop.rs/projects/coin-slider/jquery-1.4.2.min.js

硬幣滑塊:http://workshop.rs/projects/coin-slider/coin-slider.min.js

我從硬幣滑塊例子/演示頁的完整的URL。您可以打開鏈接並將其下載到本地機器。

+0

我現在有工作!謝謝。 jquery-1.4.2.min.js文件沒有與下載捆綁在一起,所以我從你的鏈接中獲得了它。 – LaurenWomack