ワードプレス Jquery が動かないときの対策
例えば、JQUERYでオリジナルのナビを表示させてたのに、Contact-Form7 をいれたら動かない。
また、逆に、Contact-Form7 の入っているページに Jquery を使ったナビが動かない。
これはありがちです。
※Contact-Form7 だけじゃなく WP の PLUGINには JQuery を使ったものが多く存在します。
本来 自分で Jquery を持ち込んで何かさせるというのは、間違いのもとですが・・・
基本的にPLUGINだけで処理させるようにしたいもの。
でも、テーマを自作してたりするとあるかな?
いずれにしても動かなくなる原因の多くは、 Jquery の取り込みタグがダブることにあります。
Jquery の取り込みタグを吐き出させない
そんな難しいことではありません(わかってしまえば)
通常ワードプレスのテーマには、header.php があり、その中に
<?php get_header(); ?>といった記述があり、この get_header で各種 CSS や JS の取り込みタグを吐き出させています。
これに対して Jquery のヘッダはいれちゃだめって記述すればいいわけです。
こうします。
<?php wp_deregister_script('jquery'); ?> <?php get_header(); ?>これによって、jquery の取り込みをやめさせます。
自分で使う分は、ちゃんとこの get_header の前後に取り込みを書いておく必要がありますけどね。
場面としてはあまりないような気がしますけど、わがままユーザーからの要望で対応したので
メモ代わりに投稿しておきます。
お役に立てれば幸いです。
スポンサーリンク