質問: ### 前提・実現したいこと ワードプレスでオリジナルテーマを作成しています。 ワードプレスのJqueryを用いるため header.php内のより下に scriptを記述しているのですが、 カプセル化がうまくいっていないようで chromeのデベロッパーツールでは 「TypeError:$ is not a function」とエラーが出てしまいます。 他のJSはちゃんと動いているのできっとカプセル化に問題が あるとおもうのですが、いまいちわかりません。 ご助言お願い致します。 ### 該当のソースコード ``` ``` ### 補足情報(言語/FW/ツール等のバージョンなど) wordpress 4.7.2 PHP 7
回答: ``` jQuery( function( $ ) { jQuery( window ).on( 'load resize', function( event ) { // ここはイベントオブジェクトが入る var h = $( '.relative img' ).height(); $( '.relative' ).css( 'height', h - 0.5 ); } ); } ); ``` か ``` ( function( $ ) { jQuery( window ).on( 'load resize', function( event ) { var h = $( '.relative img' ).height(); $( '.relative' ).css( 'height', h - 0.5 ); } ); } )( jQuery ); ```