3

エラーが発生し続けUncaught ReferenceError: $ is not definedます。私はすべてが問題なく、機能していると思います。私の JQuery コードは Javascript ファイル内にあります。私はそれがどのように機能するかではないと思いますか？JQuery ファイルが必要ですか?

私はこれをHTMLの頭の中に持っています <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

これは私のJavascriptファイルです:

function typing(id, sentence){
var result = $.Deferred();
    var index=0;
    var intObject= setInterval(function() {
        document.getElementById(id).innerHTML+=sentence[index]; 
        index++;
        if(index==sentence.length){
            clearInterval(intObject);
        }
    }, 100);
    return result.promise();
}

var sleep = function(ms) {
    var result = $.Deferred();
    setTimeout(result.resolve, ms);
    return result.promise();
};

typing('container','Subject Name:').then(function() {
      return sleep(500);
    }).then(function() {
      return typing('container',' Carlos Miguel Fernando')
    });

どこで私は間違えましたか？

4

1 に答える 1

10

あなたの質問はかなり不明確ですが、基本的には、コードの前にjQuery がロードされていることを確認する必要があります。たとえば、次のようになります。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="your-code.js"></script>

また

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>
// Your code
</script>

しかし、そうではありません

<!-- Not like this -->
<script src="your-code.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

タグの順序に注意してください。

これらのタグは にある必要はありません。head実際、そこに配置するのはベスト プラクティスではありません。headまたはにある必要がありますbody。何か他のことをする特定の理由を禁止するベスト プラクティスは、それらを の最後に置くことですbody。

<!-- site content here -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="your-code.js"></script>
</body>
</html>
于 2013-12-05T10:55:04.963 に答える