とっちゃん@nyanco! です。
WordPressでjQueryを使ったページ内リンクでスムーズスクロールができなかったけどすぐ解決したよというお話です。
スムーズスクロールが動かない
WordPressで新規に作ったサイトにスムーズスクロールを導入しようとしたら上手く動かず、Chromeのデベロッパーツールのconsoleを見るとこんなエラーが出てました。
Uncaught Error: Syntax error, unrecognized expression: a[href^=#]
なんとなく分かるものの、Google翻訳で翻訳してみると、
不明なエラー：構文エラー、認識できない式：a [href ^ =＃]
a [href ^ =＃]という式が認識できないよ！ということのようです。
調べてみると、即解決しました。
▼参考になった記事がこちら
jQueryのバージョンアップに伴う、正規表現の書式がより厳密になったことがエラーの原因のようです。
（WordPressのバージョン4.5以降の影響という記事もありました。）
解決策
ズバリ簡単です。
a [href ^ =＃]
上記記述の「#」をシングルクォーテーションもしくはダブルクォーテーションで囲むだけでOK！
例：
$('a[href^=#]').click(function() {
→
$('a[href^="#"]').click(function() {
これで無事に動くようになりました。
本記事が同じく困っている方の参考になれば幸いです。
今回は以上となります。
最後まで読んでいただきましてありがとうございました！
それではまた〜✧٩(ˊωˋ*)و✧
コメント