jquery - WordPressテーマでjQueryを使用するには?

Question

2011年のWordPressテーマでjQueryを使用しようとしています。これをヘッダーに追加しました：

wp_enqueue_script( 'jquery' );

これを使用してテストしました：

<script type="text/javascript">
    $(document).ready(function(){
        alert("test");
    });
</script>

$ の代わりに jQuery も使用しましたが、これは機能しませんでした。

助けてください、ありがとう

Answer 1

先日、Wordpressで文字通りこの問題が発生しました。スクリプトをヘッダーに追加し、jQueryが実行されていることを確認するだけで解決しました。

スクリプトをヘッダーに直接書き込む代わりに、外部ファイルにリンクする方がよい場合があります（例）。 <script type="text/javascript" src="http://yourwebsite/javascripts/.js"></script>

サーバーのどこかでホストしてからリンクします。イベントハンドラーが含まれている場合は、問題なくバインドできます。

Answer 2

  <?php wp_enqueue_script("jquery"); ?>

  <?php wp_head(); ?>

このコードを、テーマの header.php ファイルの ( セクション) 内に配置します。

今、あなたは呼び出すことができます

      <script type="text/javascript"
          src="<?php bloginfo("template_url"); ?>/js/yourScript.js">
      </script>

このようにして、jquery をテーマに使用する準備が整いました。

Answer 3

次のコードをテーマの function.php に追加します。

function custom_script() { ?>
    <script type="text/javascript">
        jQuery(document).ready(function(){
            alert("test");
        });
    </script><?php
}

add_action('wp_head', 'custom_script');