jquery本体の読み込みについて質問です。
バージョンjquery-3.1.1.min.jsを読み込む際にどうしてもエラーが出てしまいます。
前回質問したものと同じで恐縮なんですが、うまくいかないのです。
また、googleフォントの読み込みも同じくうまくいきません。
jqueryの読み込みはajaxだとうまくいきます。
前回質問させていただいた時は、ドキュメントルートなるものが原因で、1階層上がることが読み込まない原因でした。今回は同階層にjsフォルダを置いているにもかかわらず読み込んでくれません。
googleフォントの方も、同じ原因で読み込んでくれないのかなと思っています。
ドキュメントルートを調べてみたもののイマイチ、ピンときておりません。
原因わかる方いましたらよろしくお願いします。
<!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>仮</title> <link rel="stylesheet" href="css/style.css"> <link rel='stylesheet' href='css/font-awesome.min.css'> <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>--> <script src='./js/c'></script> <link rel="stylesheet" href="css/jquery.bxslider.css"> <script src="js/jquery.bxslider.min.js"></script> <script src="js/script.js"></script> </head> <body> <div id='container'> <!--スライダー--> <ul class="bxslider"> <li><img src="img/pict1.jpg" alt=""></li> <li><img src="img/pict2.jpg" alt=""></li> </ul><!--#bxslider--> </div><!--#container--> </body> </html>
/*script.jsの中身*/ /*.bxslider*/ $(document).ready(function(){ $('.bxslider').bxSlider({ auto: true,//自動切り替えの有無 prevText: '<', //前へのテキスト nextText: '>', //次へのテキスト pause: 5500, speed:800, mode:'fade', }); }); /*ページスクロールスピード*/ $(function(){ // #で始まるアンカーをクリックした場合に処理 $('a[href^=#]').click(function() { // スクロールの速度 var speed = 400; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動先を取得 var target = $(href == "#" || href == "" ? 'html' : href); // 移動先を数値で取得 var position = target.offset().top; // スムーススクロール $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); });
現ト制作してまして、スライダーとページスクロールに関連した部分のhtmlを省略しております。
それが原因かとも思ったのですが、省略してないものでも、同じようにエラーとなりました。
画像追記
実際のwebサイト制作ページです。
最初のものがajax読み込みのもので、二つ目のものが、jquery.bxslider.min.jsです。
jquery.bxslider.min.js読み込みの場合は、スライダー、スクロール両方とも反応し
ないことから読み込んでいないと判断しました。
回答2件
あなたの回答
tips
プレビュー