jQuery腳本在HTML中有效，但在外部文件中無效

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文件：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 個解決方案

解決方案1
0 已采納 2017-09-02 16:14:48

jQuery腳本在HTML中有效，但在外部文件中無效

問題描述

1 個解決方案

解決方案1 0 已采納 2017-09-02 16:14:48

解決方案1
0 已采納 2017-09-02 16:14:48