前提・実現したいこと
jQueryについての質問です。
サーバにアップする前の挙動は問題なかったのですが、
本番環境にしたら挙動が効かなくなりました。
なぜでしょうか?
原因をご指摘いただけると助かります。
よろしくお願いします。
発生している問題・エラーメッセージ
main.js:1 Uncaught ReferenceError: jQuery is not defined
at main.js:1
(anonymous) @ main.js:1
jquery.bxslider.min.js:10 Uncaught ReferenceError: jQuery is not defined
at jquery.bxslider.min.js:10
(anonymous) @ jquery.bxslider.min.js:10
lightbox.min.js:14 Uncaught TypeError: a is not a function
at b.init (lightbox.min.js:14)
at new b (lightbox.min.js:14)
at lightbox.min.js:14
at lightbox.min.js:14
at lightbox.min.js:14
該当のソースコード
html
1 <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> 2 <script src="js/main.js"></script> 3 <script src="js/smooth-scroll.polyfills.min.js"></script> 4 <script src="js/jquery.bxslider.min.js"></script> 5 <script src="js/lightbox.min.js"></script>
jQuery
1$(function() { 2 3 4 // pagetop btn 5 var pagetop = $('#page_top'); 6 pagetop.hide(); 7 $(window).scroll(function () { 8 if ($(this).scrollTop() > 100) { 9 pagetop.fadeIn(); 10 } else { 11 pagetop.fadeOut(); 12 } 13 }); 14 pagetop.click(function () { 15 $('body, html').animate({ scrollTop: 0 }, 500); 16 return false; 17 }); 18 19 // SmoothScroll 20 var scroll = new SmoothScroll('a[href*="#"]'); 21 }); 22 23 //bxSlider 24 $('.slider').bxSlider({ 25 captions: true, 26 adaptiveHeight: true, 27 controls: true, 28 autoControls: true, 29 }); 30}); 31 32
試したこと
scriptタグをbodyタグ一番最後に置く。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/25 16:28