wordpressでjqueryを使う方法
こんばんは。
最底辺です。
wordpressのテーマによっては、jqueryが使えたり使えなかったりするようです。
その場合、header.phpを編集して以下を追加して使っていました。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
このやり方、jqeuryを既に読み込んでいるテーマでは、
ちゃんと動きません!!
その場合は、以下のような記載をしていました。
<!--?php wp_deregister_script('jquery'); ?--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
しかし、実際にはjqueryはwordpressに同封されているようなので、そちらを使うべきとのことです。
<!--?php wp_deregister_script('jquery'); ?--> <script type="text/javascript" src="<?php bloginfo(template_url);?>/js/jquery.js"></script>
これだとテーマを更新した際に面倒なので何か良い方法はないかとおもっていたころ、
またしてもfunctions.phpを編集することで簡単に対応できるようです。
server$ vi functions.php ----------------------------------------- ... function my_scripts() { wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'javascript',get_template_directory_uri().'/js/javascript.js',array('jquery')); } -----------------------------------------
しかし、wordpressのjqueryを使うと記述が特殊になるですよねえ。
jqueryファイルをダウンロードして置き換えてしまえば解決できるかもしれません。
(最底辺なのでやっていません!?上手く言った方ご報告とやり方教えてください。)
では。
ディスカッション
コメント一覧
こんにちは、私も同じ問題に遭遇したので記事かきました。
http://blog.nakachon.com/2017/06/04/how-to-solve-jquery-error-for-wordpress/
コメントありがとうございます。
最近は、誰も記事みていないと思っていたのでちょっとびっくりです。
とても分かりやすい記事ですね。