WordPressに内蔵されているjQueryを呼び出して使う方法

WordPressに内蔵されているjQueryを呼び出して使う方法
このエントリーをはてなブックマークに追加
PR

WordPressに内蔵されているjQueryとCDNとかで呼び出すjQueryでは若干仕様が違ったりします。WordPressのプラグインは内蔵のjQueryを呼び出して利用しています

jQueryを使っているプラグインが無いページではWordPress内蔵のjQueryが読み込まれません
手動でjQueryを使ったスクリプトがある場合は動かなくなってしまいますので、WordPressの内蔵のjQueryを常に呼び出すようにします

CDNのjQueryを利用してWordPressのjQueryを停止する方法もありますが
この場合、jQueryを使うプラグインが正しく動作しなくなってしまうので。

WordPress側のjQueryを使ってやるか、jQueryを使うプラグインをやめて手動でテーマに組み込むかのどちらかになります。

 

WordPressに内蔵されたjQueryを常に呼び出すようにする方法

function load_script(){
    wp_enqueue_script('jquery');
}
add_action('init', 'load_script');

このコードをテーマのfunctions.phpに追記します
この方法だとjQueryの多重読込の防止にもなります

これで内蔵のjQueryでスクリプトでjQueryが利用できるようになります
また内蔵jQueryをつかうときは$()ではなく jQuery()とします。$では競合し正しく動作しなくなります。

 

参考になったサイト

http://kanonji.info/blog/2013/07/03/wordpress%E3%81%A7jquery%E3%82%92%E4%BD%BF%E3%81%862%E3%81%A4%E3%81%AE%E6%96%B9%E6%B3%95%E3%81%A8%E6%B3%A8%E6%84%8F%E7%82%B9/

http://kachibito.net/web-design/wordpress-with-jquery.html

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)