インクルードの順序は次のとおりです。
index.html:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="js/main.js"></script>
これがjsファイルです(関連する部分のみが表示されています):
$(document).ready(function () {
'use strict'
init();
$('.slider').slider({
orientation: isVertical,
range: reverseSlider,
max: maxVal,
min: minVal,
step: stepVal,
value: 10,
animate: 1300,
});
});
init() は、スライダーを作成するためにいくつかの値を取得しているだけです。すべてがブラウザで正常に動作します。
エラーは「Uncaught ReferenceError: jQuery is not defined」で、javascript ファイルの最初の行にある $ 記号を指しています。「$」を「jQuery」に置き換えようとしましたが、同じエラーが発生しました。
何か提案はありますか?