WordPressに含まれているjQueryはちょっと違う

WordPress自体にはjQueryが含まれていますが、jQueryのサイトで配布されているものとは違って、コンフリクト防止のために最初からnoConflict()がセットされています。

そのため、普通に配布されているjQueryと使うとちゃんと動くjQueryプラグインが、このWordPressに含まれているjQueryとでは動かないということがあります。

ならば、普通に配布されているjQueryの方を使えばいいだけのようですが、 wp_head() のところでjQueryが呼び出されるため、これと自分でセットしたjQuery本体とで、多重読み込みとなってしまいます。

そのままでも何事もなく動いてくれることもありますが、多重読み込みはトラブルの原因となるため、 wp_head() でWordPress内のjQueryの方は読み込まないようにしておきます。

wp_headでjQueryを読み込ませない

header.phpの wp_head() の前に wp_deregister_script('jquery'); を追加します。

これでWordPress内のjQueryではなく、外部のjQueryを読み込むことができるようになります。

こんな感じで、WordPress内のjQueryを読み込まず、GoogleのCDNからjQueryを読み込むようにしてみました。