jQuery 2.2.x でスムーススクロールがエラー

jQuery 2.2.x でスムーススクロールがエラー

jQueryのバージョンを2.2.3に上げたらスムーススクロールの記述でエラーになったので、対処法をメモしておきます。

エラー文言
jquery-2.2.3.js:1234 Uncaught Error: Syntax error, unrecognized expression: a[href^=#]

間違ったコード

jQuery 2.1.x では以下のようなコードで問題ありませんでしたが、間違った記述でした。

$('a[href^=#]').on('click', function(){
  //処理
});

「スムーススクロール」で検索して出てくる記事が割とこのコードになっているので気をつけてください。

正しいコード

正しくは、以下のように属性値(#)を引用符で囲います。
これで、jQuery 2.2.x を読み込んだ場合でもエラーになりません。

$('a[href^="#"]').on('click', function(){
  //処理
});

私たちGlatchはコーポレートサイト制作を得意とするWeb制作事務所です。
お気軽にご相談・お問い合わせください。