Две кнопки в форме, Оба называются

Question

Вот моя форма ASP.NET. Когда я нажимаю одну кнопку, он вызывает обе функции jQuery. Это, вероятно, рудиментарный HTML вопрос, но я не знаю, почему:

<form id="form1" runat="server"> 
    <div id="testDialog"> 
    </div> 

    <p><input type="button" id="invoke1" value="test 1" /></p> 

    <input type="button" id="invoke2" value="test 2" /> 
</form> 

<script type="text/javascript"> 
    $(function() { 
     $("input:invoke1").click(function(){ 
      showSomething("testDialog"); 
     }); 

     $("input:invoke2").click(function(){ 
      showSomething2("test.aspx", options); 
     }); 
    }); 
</script> 

Answer 1

идентификатор является уникальным для данного документа я не вижу необходимости включать ввод с ним, как следует

$("#invoke1").click() 
$("#invoke2").click() 

Answer 2

не должны эти селекторы быть

$("input#invoke1") and $("input#invoke2") 

Answer 3

попробовать просто

$("#invoke1").click(function(){ 
     showSomething("testDialog"); 
    }); 

    $("#invoke2").click(function(){ 
     showSomething2("test.aspx", options); 
    }); 

, поскольку идентификаторы должны быть уникальными, это должно решить ваша проблема

Answer 4

Вы даже можете попробовать

$("#invoke1")... and $("#invoke2")...