Question

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

<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文件在这里导入。哪个＆＃34;应该＆＃34;到外部jquery文件。但它没有，我必须使用脚本标记从那里运行代码。任何可能的解决方案？

如果它有助于Global.js中的代码：

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

Answer 1

应该在jQuery之后加载

global.js

Answer 2

在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>

Answer 3

    <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的地方。

我的代码在<script>标记中工作，但在外部文件</script>中不起作用

3 个答案: