내 DIV가 클릭에 응답하지 않는 이유는 무엇입니까?

Question

그건 내 자바 스크립트 클릭에 대한

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

이것은 HTML

<div class="role" align="center" >Gate Keeper</div> 

방법에 클릭의 함수를 호출 할 수는

{ 
position: absolute; 
width: 50px; 
min-height:20px; 
height:auto; 
border:1px solid #000; 
word-wrap: break-word; 
float:left; 
font-size:12px; 
    z-index: 30; 
    margin-top:50px; 
    margin-left:3px; 
} 

DIV에 "역할"에 대한 내 CSS HTML?

이것은 당신은 당신의 jsfiddle에서 jQuery를 프레임 워크를 포함하는 것을 잊었다 내 Jfiddle

http://jsfiddle.net/6CWUq/

Answer 1

입니다. 그냥 당신이 포함되어야 할 jQuery를 버전을 선택하고 예상대로 코드가 작동합니다

는