按鈕不能在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了。它行得通嗎？