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の2つのボタンがあります。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 に答える