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
});
});
在此先感謝!
確保您的jQuery/easySlider JS文件在您在'
'中指定的目錄 - 使用螢火蟲檢查它們是否正確下載 - 請參閱網絡標籤 – ManseUK 2012-02-19 10:45:51Yay!非常感謝:)我沒有看到easysliders之間的/ js /! – Gwen 2012-02-20 15:47:05