1

我是 jQuery 新手，这几乎是我第一次在我的布局中实现 jQuery 编码。我正在使用 Dreamweaver，它很好而且很漂亮，编码没有任何问题，easySlider 工作得非常好。只是当我将它上传到网上时，我的脚本才不起作用。

一直在这个网站上搜索，因为我看到一些人有同样的问题，但我尝试了所有所说的，但仍然没有用。所以我希望有人可以在这里帮助我！

这是错误消息：

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

    });
});

提前致谢！

4

1 回答 1

0

确保您的 jquery / easySlider js 文件位于您指定的目录中<head>- 使用 Firebug 之类的东西来检查它们是否正确下载 - 请参阅网络选项卡

于 2012-02-20T17:31:13.603 回答