1

私は jQuery を初めて使用し、レイアウトに jQuery コーディングを実装するのはほぼ初めてです。私はDreamweaverを使用しています. スクリプトが機能しなかったのは、オンラインにアップロードしたときだけでした。

同じ問題を抱えている人を何人か見たので、このサイト全体を検索していましたが、言われていることをすべて試してみましたが、それでもうまくいきませんでした. だから、誰かがここで私を助けてくれることを願っています!

エラーメッセージは次のとおりです。

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 に答える