Кнопка не работает в php с jQuery

Question

Моя кнопка не работает, когда я нажимаю на нее, ничего не происходит. Это мой HTML для него:

<form id="myform" name="myform" action="senden.php" method="get"> 
     <ul><div> 
       <li> 
      <button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button> 

      <p> Felder mit einem Stern müssen ausgefüllt werden! </p> 
     </ul> 

    </form> 

и это мой JQuery для него (кнопка находится в форме):

<script> 
     jQuery('document').ready(function(){ 

      $("#myform").on('click', '#testbutton', function(){ 
       alert("test"); 
      }); 

     }); 
    </script> 

Answer 1

Вам нужно всего лишь сделать небольшое изменение. Прикрепите клик непосредственно к целевой кнопке, и он будет работать.

$('document').ready(function(){ 
 
    $("#testbutton").on('click', function(){ 
 
     alert("test"); 
 
    }); 
 
}); 
 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button>

Answer 2

Ваш код кажется работает правильно, вы уверены, что вы были в том числе JQuery? Вот что я тестировал:

<script src="http://code.jquery.com/jquery-latest.min.js" 
    type="text/javascript"></script> 

<script> 
    jQuery('document').ready(function(){ 

     $("#myform").on('click', '#testbutton', function(){ 
      alert("test"); 
     }); 

    }); 
</script> 


<form id="myform" name="myform" action="senden.php" method="get"> 
<ul><div> 
    <li> 
     <button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button> 

     <p> Felder mit einem Stern müssen ausgefüllt werden! </p> 
    </ul> 

</form> 

Вот jsfiddle тоже. Это работает?