jquery 클릭 기능이 작동하지 않습니다.

Question

브라우저에 직접 붙여 넣으면 아래 코드가 작동합니다 (크롬 콘솔). 하지만 내 소스 파일에서 작동하지 않는

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

Answer 1

가 jQuery를 작성하여 $를 교체하려고 .. 같은

,

jQuery (function() {

Answer 2

에만 DOM이 준비 후 그것을 실행 해보십시오 :

$(function(){ 

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

}); 

Answer 3

document.ready 함수가 포함되어 있는지 확인하십시오. 페이지로드가 완료되면 함수를 바인드합니다. 항상 기능에 코드를 삽입

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

JQuery와

를 사용하여이 그것으로 밖으로 문서 준비 작업을 할 것입니다 동안 Document.ready()

$(document).ready(function(){ 

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

}); 

Answer 4

항상 이렇게.