我一直在收到Uncaught ReferenceError: $ is not defined
错误.我认为一切都很好并且正常工作.我的JQuery代码在我的Javascript文件中.我认为这不是它的工作原理吗?我应该有一个JQuery文件吗?
我把它放在我的HTML头脑中
这是我的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') });
我哪里做错了?
你的问题还不清楚,但实际上,你必须确保在代码之前加载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>