IT jQuery wordpress

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

更新日:


WordPressでjQueryを使うときの注意点の備忘録です。

まずはjQuery本体を読み込まなきゃって思ったときに、下記のように記述して、あれjQueryが動かない・・・ってつまづきました。

実はWordPressの wp_head(); で、jQuery本体が読み込まれてるということを知りました。
上記の記述だと違うバージョンのjQuery本体が2つ読み込まれてしまい、不具合を起こしやすいです。

しかも本体を2回もロードするので表示も遅くなります。

そこで、WordPress本体のjQueryを使う、古いバージョンのjQueryは使わないということに絞りました。
古いバージョンでしか動かないjsはセキュリティとか、今後の保守に問題があると思ったからです。

次に、WordPress本体のjQueryを使う際の注意点です。

自分でjQueryをコーディングってのはまだできないので、.jsファイルをダウンロードしたり、調べたりするのですが、大抵はwordpressで使うことを前提にしてないので、.jsファイルをそのままアップロードしても動きません。

wordpressでは、$() の代わりに jQuery() を使用しなければなりません。

上記のようなjsだったとすると、下記のように変更することでwordpressで動くようになります。

まだまだ勉強中ですので、これだけでは足りなかったり、問題もあるのかもしれませんが、大体はこれで動きます。

-IT, jQuery, wordpress

Copyright© ゴーゴーウェブ2代目、伊藤のブログ , 2020 All Rights Reserved Powered by STINGER.