Jquery 按钮不存在';t调用警报()

Jquery 按钮不存在';t调用警报(),jquery,html,Jquery,Html,当我单击消息按钮时,它不会调用alert()…有人可以检查代码吗 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Homepage</title> <script type="text/javascr

当我单击消息按钮时,它不会调用alert()…有人可以检查代码吗

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Homepage</title>
    <script type="text/javascript" src="lib/jquery/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="lib/jquery/jquery-ui-1.8.10.custom.min.js"></script>
    <script type="text/javascript" src="lib/jquery/jquery.dmDropDownMenu.js"></script>
    <script type="text/javascript" src="lib/jquery/watermark.js"></script>

    <link rel="stylesheet" type="text/css" href="/jquery-ui-1.8.10.custom.css" />
    <link rel="stylesheet" type="text/css" href="/stylez.css" />
    <script type="text/javascript" /> $(document).ready( function(){ $('#buttons button').click(function(){ switch( $('buttons').id){ case "mail": alert(1); break; } }); }); </script>
</head>

<body>
    <table width="1000" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td id="columnA">    
                <div id="buttons">
                    <button id="mail" class="menubutton">Message</button><br/>
                </div>
            </td>
        </tr>
    </table>    
</body>

</html>

主页
$(document).ready(function(){$('#buttons button')。单击(function(){switch($('buttons').id){case“mail”:警报(1);中断;}});});
消息
更改

$('buttons').id
致:

改变

$('buttons').id
致:


如果要检查已单击的按钮以及将有多个按钮,可以在中使用
$(this)
,它将引用已单击的对象。因此,将开关更改为:

switch($(this).attr('id')) {
整批:

$('#buttons button').click(function(){
    switch( $(this).attr('id') ){
        case "mail":
            alert(1);
        break;
    }
});

查看正在工作的

如果要检查已单击的按钮以及将有多个按钮,可以在中使用
$(此)
,它将引用已单击的对象。因此,将开关更改为:

switch($(this).attr('id')) {
整批:

$('#buttons button').click(function(){
    switch( $(this).attr('id') ){
        case "mail":
            alert(1);
        break;
    }
});
查看正在工作的或仅
$('buttons')[0]。id
。或仅
$('buttons')[0]。id