Question

我是jQuery的新手，这是我第一次在我的布局中实现jQuery编码。我正在使用Dreamweaver，这是很好的和花花公子，没有任何错误的编码＆amp; easySlider工作得非常好。只有当我在网上上传时，我的脚本才无效。

一直在搜索这个网站，因为我看到一些人遇到了同样的问题，但我尝试了所有已经说过的＆amp;它仍然无法正常工作。所以我希望有人能在这里帮助我！

以下是错误消息：

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

    });
});

提前致谢！

Answer 1

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

easySlider 1.7 undefined不是一个函数？

1 个答案: