Question

当我点击留言按钮时，它不会调用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>

Answer 1

更改

$('buttons').id

到：

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

Answer 2

如果您要查看已点击的按钮，并且您将有多个按钮，则可以在.click()内使用$(this)，它将引用 THE 对象被点击了。因此，请将开关更改为：

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

满员：

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

查看有效的demo here

按钮不调用alert（）

2 个答案: