Javascript ajax中的ajax不起作用

我在一个页面（jobs.php）上使用ajax将php输出加载到一个div中，该输出每隔几秒钟刷新一次，以显示来自sql的最新记录列表

我正在尝试使用ajax删除所选记录，这在独立页面上运行良好，但是当我尝试从jobs.php页面删除记录时，什么都没有发生

$(function () {
    $('.trash').click(function () {
        var del_id = $(this).attr('id');
        var $ele = $(this).parent().parent();

        $.ajax({
            type: 'POST',
            url: 'deleterecord.php',
            data: {del_id: del_id},
            success: function (data) {
                if (data == "YES") {
                    $ele.fadeOut().remove();
                } else {
                    alert("record could not be deleted")
                }
            }
        });
    });
});

deleterecord.php

$delid = $_POST['del_id'];

$query5 = "DELETE from Records WHERE id = '$delid'";
$sql5 = mysqli_query($connection, $query5) or die(mysqli_connect_error());

if(isset($sql5)) {
    echo "YES";
} else {
    echo "NO";
}

jobs.php

<script type="text/javascript">
    refreshdiv();
</script>

---

由于删除按钮是动态加载的，因此您需要使用委派事件。
因此，我们需要将单击事件绑定到加载时存在的父元素，
ex

body

替换这个

$('.trash').click(function () {

用这个

$('body').on('click','.trash',function(){

---

refreshdiv（）

做什么？它会重新加载删除按钮吗？控制台，你的控制台在说什么？危险：你很容易受到你自己需要的攻击。

$('body').on('click','.trash',function(){