Как я могу выполнить Jquery только на выбранную кнопку - PullRequest
Новая
       36

Как я могу выполнить Jquery только на выбранную кнопку

1 голос
/ 15 декабря 2010

Например, используя этот код: 

<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. Что я должен сделать?

Ответы [ 2 ]

1 голос
/ 15 декабря 2010

Хотелось бы немного больше контекста.Но то, что вы, вероятно, захотите сделать, это следующее: 

<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>
0 голосов
/ 15 декабря 2010 
$(document).ready(function(){
    $("#buttonA").click(function(){
        alert("A");
    });

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

Имея: 

<button id="buttonA">A</button>
<button id="buttonB">B</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...