いつも大変お世話になっております。
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件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/25 08:02
2016/09/25 08:09
2016/09/25 10:02