Question

我有一个使用jquery的测试，在html文件中工作正常但是当我把它放在一个外部的js文件中它不起作用，请帮助，我需要它继续我的应用程序。 query.js位于/ js目录

HTML：detail.jsp

<%@ taglib uri="http://www.springframework.org/tags/form"  prefix="springform"  %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html  >
<head>
<meta charset="utf-8">
<title>Ajouter annonce</title>
<link type="text/css" href="/bootstrap/dist/css/bootstrap.css" rel="stylesheet" >
<link type="text/css" href="/css/style.css" rel="stylesheet" >

<script  src="https://code.jquery.com/jquery-2.1.1.js"></script>

<script type="text/javascript" src="js/query.js"></script>
<script type="text/javascript" src="js/main.js"></script> 

</head>
<body class="body2">

<div id="test" class="test" > Allo</div>
</body>
</html>

Js file：query.js

$(document).ready(function(){
    $("#test").click(function(){
        alert("hello");
    })
 });

Answer 1

在评论的帮助下，我发现错误在路径中：

<script type="text/javascript" src="/js/query.js"></script>

而不是：

 <script type="text/javascript" src="js/query.js"></script>

jQuery脚本在HTML中但在外部文件中不起作用

1 个答案: