WordPressで複数のjQueryを使うときの注意点

いろいろと便利な”jQuery”ですが”Wordpress”で使うときはちょっと注意が必要です。

というのも”Woredpress”では最初から”jQuery”が組み込まれていますので、ダウンロードした”jQuery”などをサンプル通りに入れてしまうと”jQuery”が複数動いてしまったり、かちあってしまい問題が発生して動かなかったりします。

読み込みのコードが見当たらないように見えますが、Wordpressは

で”jQuery”を呼び出しています。

ということで ”flexslider” というスライダーの jQuery で説明してみます。

通常使う場合の読み込みは、

このようになっていますが、Wordpress では、wp_enqueue_style という関数をCSS に、wp_enqueue_script という関数を js に使います。

これを wp_head の前に入れます。Wordpress の jQuery を使いますので

は必要ありません。

次に、

を入れるのですが、"$" を使えませんので代わりに、”jQuery” を使います。

こんな感じです。

これを wp_head の後に入れます。


コメントを残す