WordPressでjQueryを利用する際の書き方と注意点
jQueryを使う際の注意点
$を使用しない
WordPressでは$
の代わりにjQuery
を使います。
jQuery(function() {
jQuery('selector').action();
});
スクリプトの読み込み順序
jQueryライブラリの後にスクリプトを読み込みます。
<?php
function my_scripts() {
wp_enqueue_script('main-js', get_template_directory_uri() . '/js/main.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_scripts');
重複読み込みを避ける
標準のjQueryを読み込まないようにします。
<?php
function my_script_init(){
wp_deregister_script('jquery');
wp_enqueue_script('jquery_cdn', '//code.jquery.com/jquery-3.5.1.min.js');
}
add_action('wp_enqueue_scripts', 'my_script_init');
まとめ
WordPressでjQueryを使用する際は、$
の代わりにjQuery
を使い、スクリプトの読み込み順序を守り、重複読み込みを避けることが重要です。