Q&A
script.jsの中身を質問文に追記してください。追記：質問文のコードはそれぞれコードブロックで囲んでいただけませんか？それともHTMLの最後にjsを書かれているのでしょうか。
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読み込みの場合は、スライダー、スクロール両方とも反応し
ないことから読み込んでいないと判断しました。
わかりづらくてすみません。コードブロックを分けるとは上のようなことでいいでしょうか？script.jsは別ファイルとして記述しています。
それで大丈夫です。ちなみにコードブロックの開始部分を「```HTML」「```JavaScript」にすると言語にあわせたコードハイライトも利用出来ます。
回答2件
0
ベストアンサー
1つ目。
JavaScript
1// $('a[href^=#]') 2// ↓↓ 3 $('a[href^="#"]')
【jQueryエラー：Syntax error, unrecognized expression | jQuery | mgzl.jp】
http://mgzl.jp/2011/05/31/jquery-error-syntax-error-unrecognized-expression/
2つ目。
jQueryのバージョンが3+でエラーになります。ライブラリ（bxslider）が対応していないのでは。
3.1.1 ← エラーがでて動かない
2.2.4 ← 動く
投稿2017/01/01 10:04
総合スコア69398
0
jsフォルダを置いているにもかかわらず読み込んでくれません。
読み込んでいないというのは、何をもってそう判断しましたか？
投稿2017/01/01 09:10
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
