javascript - WordPressコンテンツ内でJqueryが機能しない

Question

divをクリックすることに基づいた非常に単純なjqueryコード（テキストの一部を上にスライドさせる）があります。

<script>
jQuery("#test").click(function () {
    jQuery(this).slideUp();
});
</script>

これは、

<div id="test">some text</div>

はページのメインコンテンツの外側、つまりヘッダーまたはフッターに<div id="test">some text</div>配置されますが、がコンテンツ部分内に配置されている場合は機能しません。

インターネットで解決策を探しましたが、解決策が見つかりません。

Answer 1

コードがDOM対応で実行されていることを確認してください。

jQuery(document).ready(function () {
    jQuery("#test").click(function () {
        jQuery(this).slideUp();
    });
});

説明：http ：//api.jquery.com/ready/

Answer 2

$(document).ready 関数をコードのラッパーとして使用します。