javascript - $(“＃slider”)。easySlider不是函数

我不习惯使用jQuery，但是我想使用easyslider在我的网站上显示一些图片。
问题是我得到以下错误：$（“＃slider”）。easySlider不是函数
我不知道我做错了什么，因为如果我仅打开页面，就没有问题，但是当我将文件放回其他文件之间时，它将无法工作。
这是我的代码：

    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/easySlider1.7.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#slider").easySlider({
                auto: true,
                continuous: true
            });
        });
    </script>

<div class="block">
    <div class="m950 flb">

<div id="slider" style="position:relative; width:947px; height:615px; left:-20px;  top:-3px; overflow:hidden;">
<ul>
                <li><img src="/images/slideshow/1.jpg" /></li>
        <li><img src="/images/slideshow/2.jpg" /></li>
        <li><img src="/images/slideshow/3.jpg" /></li>
        <li><img src="/images/slideshow/4.jpg" /></li>
        <li><img src="/images/slideshow/5.jpg" /></li>
                <li><img src="/images/slideshow/6.jpg" /></li>
        <li><img src="/images/slideshow/7.jpg" /></li>
        <li><img src="/images/slideshow/8.jpg" /></li>
        <li><img src="/images/slideshow/9.jpg" /></li>
        <li><img src="/images/slideshow/10.jpg" /></li>

</ul>
</div>



</div>
</div>

有人知道我能做些什么来使它工作，因为我一直在为这个问题而努力。

提前非常感谢您！

最佳答案

尝试这个：

 <script type="text/javascript">
( function($) {
    // we can now rely on $ within the safety of our “bodyguard” function
    $(document).ready( function() {
            $("#slider").easySlider({
                auto: true,
                continuous: true
            });
              } );
} ) ( jQuery );

</script>

这是一种解决方法。

EasySlider

javascript - $(“＃slider”)。easySlider不是函数