javascript - jqueryのクリック機能が動作しない

Question

以下のコードは、ブラウザーに直接貼り付けると機能します (chrome コンソール)。しかし、ソースファイルからは機能していません

<script type="text/javascript" >
        $(".test").click(function(){
            $(this).parent().find("div").toggle();
        });
    </script>

Answer 1

DOM の準備が整った後にのみ実行してみてください。

$(function(){

  $(".test").on("click", function(){
    $(this).parent().find("div").toggle();
  });

});

Answer 2

jQueryを書いて$を置き換えてみてください..

お気に入り、

jQuery(関数(){

Answer 3

document.ready 関数でラップしていることを確認してください。ページの読み込みが完了したときに関数がバインドされるようにします。Document.ready()

$(document).ready(function(){

  $(".test").on("click", function(){
    $(this).parent().find("div").toggle();
  });

});

Answer 4

jqueryの使用中は常にこれを行う

$('document').ready(function(){
     $(function(){
        $(".test").on("click", function(){
        $(this).parent().find("div").toggle();
        });
     });
});

常に関数にコードを入れてください。これにより、ドキュメントの準備ができていてもなくても機能します。