WordPress 4.5 jQuery Syntax errorで、FlexSlider 2が動かないときの対処法。

 

WordPress 4.5で、jQuery 1.12.3と jQuery Migrate 1.4.0のバージョンが同梱されました。

 

 

FlexSlider 2が表示されない

WordPress 4.5 jQuery Syntax errorで、FlexSlider 2が動かないときの対処法。-02

 

ブログやサイトにスライダーをお使いの方も多いと思います。こちらはFlexSlider 2というスライダーで表示されているのですが、WordPress 4.5にバージョンアップすると、うんともすんとも表示されません。

 

jQuery Migrate 1.4.0でエラー

WordPress 4.5 jQuery Syntax errorで、FlexSlider 2が動かないときの対処法。-03

 

ChromeのF12で検証してみると、何やらエラーがでています。jQuery Migrate 1.4.0が吐き出して、Javascriptが停止しています。

 

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

 

WordPress4.4は、この記述でOKですが、

 

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

 

WordPress4.5だと、”#”と書き換えないと、構文エラーになります。参考になりました。ありがとうございます。

 

WP4.5でjQueryがエラー: Syntax error, unrecognized expression | サイトスパイラル(Sitespiral) – 沖縄で ホームページ制作 / WordPressのことなら : 

 

scripts.jsファイル

WordPress 4.5 jQuery Syntax errorで、FlexSlider 2が動かないときの対処法。-04

 

では、早速、FTPを起動して、テーマのscripts.jsファイルにアクセスします。

 

WordPress 4.5 jQuery Syntax errorで、FlexSlider 2が動かないときの対処法。-05

 

該当箇所を探します。#を”#”と引用符で囲います。

 

WordPress 4.5 jQuery Syntax errorで、FlexSlider 2が動かないときの対処法。-06

 

 

修正して上書き保存すると、スライダーが表示されるようになりました。メデタシメデタシ。

 

 

WordPressは便利なんですが、時々、こういうのがあるので面倒ですよね。
お疲れ様でした。