Uncaught ReferenceError: is not definedの解決方法について

Question

Webページを作成し、動的に追加した要素を削除する機能を実装し、実行したところ下記のエラーが表示されました。

 Uncaught ReferenceError:  is not defined

インターネットで検索するとjQueryの読み込みの順番が誤っており、jQueryの読み込みを最初に行えば、エラーはなくなるとの記載を複数見つけたため、
実行してみると、実行できないどころか、他のjQueryのイベントまで動かなくなってしまいました。

<script
	src="${pageContext.request.contextPath}/resources/app/js/jquery-latest.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/app/js/jquery.panelslider.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/app/js/jquery.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/app/js/bootstrap.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/app/js/jquery.tablesorter.min.js"></script>

<script
	src="${pageContext.request.contextPath}/resources/app/js/jquery.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/app/js/jquery-latest.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/app/js/jquery.panelslider.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/app/js/bootstrap.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/app/js/jquery.tablesorter.min.js"></script>

どなたかわかるかた、教えてください。
よろしくお願い致します。

Comments

[Lhankor_Mhy]

ひとまず、エラーが出ている部分のコードをご提示ください。

Answer 1

まずはこちらを確認してください。

jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」

jQuery の利用者が今後増えていくことを考えると、1.x 系だとしても jquery-latest.js をアップデートしていくのは危険が伴う。なので、jquery-latest.js と jquery-latest.min.js を 1.11.1 に固定し、今後はアップデートをしていかないことに決めた。

もちろん、jQuery のダウンロードページや、CDN からは、常に最新のバージョンを取得可能なことに変わりはない。ただし、CDN から呼び出す場合はバージョンを明確に指定する必要がある。

そして、

<script
    src="${pageContext.request.contextPath}/resources/app/js/jquery.min.js"></script>
<script
    src="${pageContext.request.contextPath}/resources/app/js/jquery-latest.js"></script>

jQuery二回読み込んでたら、お察しです。