简单的JQuery在Chrome中不起作用,FF适用于IE6

时间:2012-05-21 21:10:31

标签: jquery html

我是JQuery的新手,我不知道为什么这个简单的JQuery无法在Chrome,FF和IE6上工作。 简单的想法是,当我点击Div我应该得到警报

<!DOCTYPE html>
<html>
<head>
   <title>Page Chrome Test</title>
   <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
   <style  type="text/css">
      .divcls { width:100px; height:100px; background-color: black; }
   </style>
</head>
<body>
   <script type="text/javascript">
        jQuery(document).ready(function(){
            $(".divcls").click(function(e){
                 alert('Hi');
            });  
        })​
   </script>

   <div class="divcls">
   </div>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

对我来说很好,虽然在准备好的区块结束时你错过了一个分号:

jsFiddle

$(document).ready(function(){
   $(".divcls").click(function(e){
     alert('Hi');
   });  
})​;

答案 1 :(得分:0)

我正要做一些有趣的事情,比如卸载/重新安装OF,Chrome @@ scrappedcola的建议救了我。 所以这是代码

                $(document).ready(function(){
                   $(".divcls").click(function(e){
                     window.alert('Hi');
                   });  
                })​;