从外部JavaScript文件访问jQuery时遇到问题

问题描述 投票:0回答:1

下面是我如何在HTML文件中格式化jQuery的。

<!doctype html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
 <script type="text/javascript" src="script.js" ></script>
</body>
</html>

这是我的JavaScript文件。

var i = 0;
var a = 0;
var Backspacing = false;
var Paragraph = false;

var textArray = [
     "Welcome!",
     "My name is Jay",
     "I'm creative",
     "I'm a problem solver",
     "And best of all...",
     "I love learning new things"
 ];
 var speedForward = 100;
 var speedWait = 1000;
 var speedBetweenLines = 1000;
 var speedBackspace = 25;

function typeWriter(id, ar){
     var element = $("#" + id);// I would get an error here



}

问题是当我试图在我的外部JavaScript文件中使用"$"或setTimeout等函数时,我一直收到一个错误信息,说它没有被定义。有人知道问题出在哪里吗?

javascript html jquery
1个回答
-2
投票

确保在你的 脚本.js 所有的内容都应该在下面的代码块中,而不是在 $ 试用 jQuery

jQuery(document).ready(function($){

  // you code should be in this block     

});
© www.soinside.com 2019 - 2024. All rights reserved.