2012-02-19 78 views
1

我是新來的jQuery,這幾乎是我第一次在我的佈局中實現jQuery編碼。我正在使用Dreamweaver,這是很好的,花花公子,沒有什麼是錯的編碼& easySlider工作得很好。只有當我在線上傳它時,我的腳本才起作用。easySlider 1.7 undefined不是一個函數嗎?

一直在搜索遍佈這個網站,因爲我看到一些人有同樣的問題,但我試過了所有這一切說&它仍然沒有工作。所以我希望有人能幫助我在這裏!

這裏的錯誤消息:

scripts.js:10TypeError: 'undefined' is not a function (evaluating '$("#slider").easySlider') 

這裏是我的代碼:

<link href="style.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="../jQuery/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="../jQuery/easyslider1.7/js/easySlider1.7.js"></script> 
<script type="text/javascript" src="../jQuery/scripts.js"></script> 

</head> 

... 

<div id="slider"> 
    <ul> 

    <li><img src="images/scroll9.jpg" /></a></li> 
    <li><img src="images/scroll2.jpg" /></a></li> 
    <li><img src="images/scroll3.jpg" /></a></li> 
    </ul> 

</div> 

我的CSS:

#slider ul, #slider li{ 
    margin: auto auto auto auto; 
    padding: 0; 
    list-style: none; 
    } 

#slider, #slider li{ 
    width: 1018px; 
    height: 340px; 
    overflow: hidden; 
    margin: auto auto auto auto; 
    } 

    span#prevBtn{} 
    span#nextBtn{} 

和我scripts.js中:

// JavaScript Document 
$(document).ready(function(){ 
    $("#slider").easySlider({ 
        controlsShow: false, 
        auto: 'true', 
        continuous: 'true', 
        prevText: '', 
        nextText: '', 
        speed: 500, 
        pause: 4000 

    }); 
}); 

在此先感謝!

+1

確保您的jQuery/easySlider JS文件在您在''中指定的目錄 - 使用螢火蟲檢查它們是否正確下載 - 請參閱網絡標籤 – ManseUK 2012-02-19 10:45:51

+0

Yay!非常感謝:)我沒有看到easysliders之間的/ js /! – Gwen 2012-02-20 15:47:05

回答

0

確保您的jQuery/easySlider的js文件在目錄中,您在<head>規定 - 使用類似Firebug檢查他們正確下載 - 看到網絡選項卡

相關問題