當通過php發送html時，爲什麼'onclick'不起作用？

Question

在我的頁面中有一個JavaScript腳本每秒將一個PHP腳本加載到div中。這個PHP應該運行一個從數據庫加載數據的SQL查詢。

這裏是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> 

正如你所看到的，最後一個表中的數據是運行JavaScript函數的按鈕

<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"); 
}