我的代码在<脚本>标记，但没有'不能在外部文件中工作

My code works in <script> tags but doesn't work in an external file

本文关键字：不能 外部 文件 工作 lt 代码 脚本 gt 我的 标记      更新时间：2023-09-26

我只是想知道是否有人能帮我。我遇到了一个我从未遇到过的奇怪问题，我不知道如何解决它：

<head>
 <title>Welcome to Edge Hill Computing</title>
 <link rel="stylesheet" href="style.css"/>
 <link rel="stylesheet" href="index.css"/>
 <script type="text/javascript" src="global.js"></script>
     <script type = "text/javascript" src="jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

</head>

我的javascript文件和jquery文件被导入到这里。哪个"应该"到外部jquery文件。但事实并非如此，我必须用脚本标记从那里运行代码。有什么可能的解决方案吗？

如果它对Global.js中的代码有帮助的话，它是这样的：

   $(document).ready(function(){
    $("#txtbox").keyup(function(){
        var name = $('#txtbox').val();
     $('#display').html((name));
    });
});

global.js应该在jQuery

之后加载

在jquery脚本引用之后添加脚本标记。

<head>
 <title>Welcome to Edge Hill Computing</title>
 <link rel="stylesheet" href="style.css"/>
 <link rel="stylesheet" href="index.css"/>
<script type = "text/javascript" src="jquery.min.js"></script>   
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="global.js"></script>
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

</head>

    <head>
     <title>Welcome to Edge Hill Computing</title>
     <link rel="stylesheet" href="style.css"/>
     <link rel="stylesheet" href="index.css"/>
     <script type = "text/javascript" src="jquery.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
     <script type="text/javascript" src="global.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">   
   </head>

您需要在加载jquery之后处理您的代码。我想，当您将它直接插入页面时，它就在您在head标记中加载jquery的位置下方。

相关文章：