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制作事務所です。
お気軽にご相談・お問い合わせください。