0
htmlファイルではうまく動作するjqueryを使ったテストがあるが、それを外部の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ファイル：コメントの助けを借りて
$(document).ready(function(){
$("#test").click(function(){
alert("hello");
})
});
ブラウザコンソールにエラーがありますか？ –
外部ファイルがロードされたことを確認するには、 'console.log（ 'file loaded'）;'行を追加してください。 – cars10m
パスは正しいですか？ main.jsの後にquery.jsを追加してみてください – Znaneswar