htmlがphp経由で送信されたときに 'onclick'が動作しないのはなぜですか？

Question

PHPスクリプトを毎秒divに読み込むJavaScriptがマイページにあります。このPHPは、データベースからデータをロードするSQLクエリを実行することになっています。ここで

は、あなたが見ることができるように、最後のテーブルのデータが

JavaScript関数を実行し、ボタンでPHP

while($row = mysqli_fetch_array($result)) 
    { 
     $starttime = $row['start_time']; 
     $module = $row['module']; 
     $item = $row['item']; 
     echo "<tr>"; 
     echo "<td>" . $row['start_time'] . "</td>"; 
     echo "<td>" . $row['module'] . "</td>"; 
     echo "<td>" . $row['item'] . "</td>"; 
     echo "<td>" . $row['status'] . "</td>"; 
     echo "<td>" . $row['accepted'] . "</td>"; 
     echo "<td>" . $row['end_time'] . "</td>"; 
     echo "<td><button id='btnaccept' onclick='acceptBtn()'>ACCEPT</button></td>"; 
     echo "</tr>"; 

    } 

の抽出物であり、ここでJavascriptを

ある

<script> 
    var auto_refresh = setInterval(
    (function() { 
    $("#dataDisplay").load("updatedb.php"); //Load the content into the div 
    }), 1000); 
</script> 

<script> 
function acceptBtn() { 
    window.alert("Accepted"); 
} 
</script> 

残念ながら、このボタンをクリックしても機能は実行されません。すべてのヘルプは

Answer 1

をいただければ幸いセットリスナーを試してみてください。

echo "<td><button id='btnaccept'>ACCEPT</button></td>"; 

。

$(document).on('click', '#btnaccept', acceptBtn); 

function acceptBtn(event) { 
    event.preventDefault(); 
    window.alert("Accepted"); 
}