如何從我的HTML / JavaScript應用程序中引用jQuery？

Question

我一直得到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')
    });

我哪里做錯了？

Answer 1

你的問題還不清楚，但實質上，你必須確保在你的代碼之前加載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>