jQuery腳本在HTML中但不在外部文件中工作

我有一個使用jquery的測試，它在html文件中工作正常，但是當我把它放在一個外部js文件中時，它不工作，請幫助，我需要它繼續我的應用程序。 query.js是/ JS目錄jQuery腳本在HTML中但不在外部文件中工作

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"); 
    }) 
});

來源

2017-09-02 Benamar B.

瀏覽器控制檯中的任何錯誤？ –

要確認已加載外部文件，可以添加一個'console.log（'file loaded'）;'在那裏。 – cars10m

你確定路徑正確嗎？嘗試在main.js之後添加query.js – Znaneswar

與評論的幫助下，我找到了誤差在路徑：

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

代替：

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

來源

2017-09-02 16:14:48

jQuery腳本在HTML中但不在外部文件中工作

回答

相關問題