php - ajaxでphp投稿IDを取得する

Question

html に 1 つ、php に 1 つ、2 つのボタンを追加しました。

しかし、ボタンにイベントを追加すると、HTMLページのイベントしか機能しません...助けが必要です....

HTML

<input type="button" value="button 1" class="btn">
 <div id="div"><div>
<script>
$.ajax({
  url:"btn2.php", success:function(data){
  $('#div').html(data);}
});

$('.btn').click(function(){
    alert("button is wrking");
});

</script>

PHP

<?php

echo"<input type='button' value='button 2' class='btn'>";
?>

誰でもこれについて私を助けることができます

Answer 1

PHP コードで構文エラーが発生します。文字列として出力します。

<?php
  echo '<input type="button" value="button 2" class="btn">';
?>

PHP も必要ありません。

<input type="button" value="button 2" class="btn">

別の問題は、関数呼び出し時に存在する要素を選択するため、jQuery コードが機能しないことですが、ボタンは後で (非同期的に) 読み込まれます!

$( "#div" ).on( "click", ".btn", function() {
  alert("button1 is working");
});

Answer 2

pls は<?PHP ?>タグ内に html コードを囲まないでください

簡単に言えば

<input type="button" value="button 2" class="btn">

あなたのajaxターゲットページ（btn2.php）で動作します。

アップデート

click handlerajax で読み込まれたコンテンツに対して既に定義されている機能を取得するには、次も使用します

$('.btn').live('click', function({ alert(1); }));