1

例如使用此代码:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").bind("click",function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>Click me!</button>
</body>
</html>

有两个按钮 - A 和 B。我想要做的是,当我按 A 时,我收到消息:“这是 A 按钮”,当我按 B 时,我收到消息:“这是 B 按钮”。但是现在当我按下 A 按钮时,我会收到 A 按钮消息和 B 按钮消息。我必须做什么?

4

2 回答 2

1

多一点上下文会有所帮助。但是您可能想要做的是以下内容:

<p id="para-a">...</p>
<p id="para-b">...</p>
<input type="button" id="button-a" />
<input type="button" id="button-b" />
<script type="text/javascript">
    $(document).ready(function() {
      $('button#button-a').bind("click", function() { $('p#para-a').slideToggle(); } );
      $('button#button-b').bind("click", function() { $('p#para-b').slideToggle(); } );
    }
</script>
于 2010-12-15T01:37:39.580 回答
0
$(document).ready(function(){
    $("#buttonA").click(function(){
        alert("A");
    });

    $("#buttonB").click(function(){
        alert("B");
    });
});

有:

<button id="buttonA">A</button>
<button id="buttonB">B</button>
于 2010-12-15T01:39:20.550 回答