按钮单击处理程序不起作用

时间:2015-06-03 06:27:01

标签: jquery html

我有这个代码。谁能告诉我我错过了什么?提前谢谢。

 <!DOCTYPE>
    <html>
    <head>
    <script="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
    </script>
    </head>
    <body>
    <button id="button1">AddRow</button>    
        <script>
           $(document).ready(function(){
               $('#button1').click(function(){    
                   alert("button1 clicked");
               });
            });
        </script>
    </body>
    </html>

1 个答案:

答案 0 :(得分:5)

错误行:

<script="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</script>

您的script代码格式不正确。因此,jQuery未加载,您收到错误

  

未捕获的ReferenceError:$未定义

解决方案:在script之后添加空格并在type之前使用="text/javascript"

<!DOCTYPE>
    <html>
    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
    </script>
    </head>
    <body>
    <button id="button1">AddRow</button>    
        <script>
           $(document).ready(function(){
               $('#button1').click(function(){    
                   alert("button1 clicked");
               });
            });
        </script>
    </body>
    </html>