jqueryファイルが起動しない

いつも大変お世話になっております。
springbootでjquery内容を機能させたいのですが、なぜか機能しません。
内容としましては、ボタンを押下したらログイン画面に遷移するものを実装しているのですが
下記の"$"が使えないというエラーが出ます。

ReferenceError: $ is not defined

JQueryを読み込み処理もhtmlファイルには記載しております
原因が不明ですので、ご教授宜しくお願いします

javascript
1//ログイン画面の遷移
2$(function(){
3$(".btn btn-primary").click(function() {
4		  if (confirm('ページ遷移しますか？')) {
5		    window.location.href = '/login';
6		  }
7		});
8});

html
1<!DOCTYPE html>
2<html xmlns:th="http://www.thymeleaf.org">
3<head>
4<title>top page</title>
5<meta http-equiv="Content-Type"
6content="text/html" charset="UTF-8"/>
7<!-- css -->
8 <link href="/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
9</head>
10<body>
11  
12   <h1 th:text="${title}"></h1>
13   <p th:text="${msg}"></p>
14   <button class="btn btn-primary">ログイン</button>
15   
16   
17   
18   
19   <hr />
20   <script type="text/javascript" src="js/adjustment.js" th:src="@{/js/PageTransition.js}"></script>
21   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
22<script type="text/javascript" src="js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
23   
24</body>
25</html>

以上です。宜しくお願いします

行動規範の内容に同意します

回答1件

ベストアンサー

「//ログイン画面の遷移」がadjustment.jsに書かれているのであれば下記のような順番に読み出す必要があるのでは。

HTML
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
2<script type="text/javascript" src="js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
3<script type="text/javascript" src="js/adjustment.js" th:src="@{/js/PageTransition.js}"></script>

投稿2016/09/25 07:49