NO PICTUREBOOKS

fullPage.jsとContact Form 7のコンフリクト

パララックス用のjQueryプラグインfullPage.jsをWordPressに組み込んだところ、Contact Form 7の送信リダイレクトが効かなくなりました。

今回パララックスするのは1ページだけで、他のページはfullPage.jsを読み込まずにContact Form 7だけを使用して問題なくリダイレクトが出来たので、やはりコンフリクトが原因のようです。

あれこれ試し、もうfullPage.jsかContact Form 7どちらかを違うプラグインで試してみるしかないかなと思った最後にダメ元でjQueryのバージョンを上げてみたところ、解決。

下記のようにWordPress側のjQueryを読み込まずに、使用したいバージョンのjQueryをGoogle Hosted Librariesから読み込む方法を取りました。

function add_files() {
// WordPress本体のjquery.jsを読み込まない
wp_deregister_script('jquery');
// 使用したいjQueryの読み込み
wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', "", false );
}
add_action( 'wp_enqueue_scripts', 'add_files' );

jQueryのバージョンを3.1.1に上げて解決したのは、今回のサイトは対象ブラウザをIE9以上と考えていたので使えた方法かもしれません。

fullPage.jsもContact Form 7も単体では古いバージョン(当初設定していたのは1.9.1)で動いていたので、バージョンの違いでの解決はちょっと盲点でした。

2016.11.13