为什么我的DIV不响应点击？

Question

我点击的Javascript

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

我的DIV“角色”CSS

{
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;
}

这是HTML

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

如何调用点击HTML的功能？

这是我的Jfiddle

http://jsfiddle.net/6CWUq/

Answer 1

您忘了在jsfiddle中包含jQuery框架。只需选择您想要包含的jQuery版本，您的代码将按预期工作：