开发者

Button doesn't call alert()

When I click the message button, it won't call alert() ..can anybody check the code please?

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

<head>
    <meta ht开发者_运维知识库tp-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>


If you want to check which button has been clicked and you are going to have multiple buttons, you can use $(this) inside the .click(), it will reference THE object which was clicked. So change the switch to:

switch($(this).attr('id')) {

The full lot:

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

See a working demo here


change

$('buttons').id

to:

$('buttons').get(0).id
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜