使用此 PHP，我添加了以下 HTML。我使用 PHP 是因為我從數據庫中檢索信息，但這與這個問題無關。<?php    echo "    <div id='user_bio_container'>    <p id='user_bio'>My bio<i id='user_bio_edit' class='fas fa-edit'></i></p>    </div>    ";?>這是我的腳本。當用戶點擊 bio 段落時，它將段落內部存儲在一個變量中，然后清空容器并添加一個表單。如果表單被取消，我想刪除表單并添加我在該段落中的先前 HTML。問題是當我嘗試這樣做時，新段落不響應事件（鼠標懸停、單擊...）。    $('#user_bio_edit').css("display", "none");    $(document).ready(function(){        $("#user_bio").on('mouseover', function(){            $('#user_bio_edit').css("display", "inline");        });        $("#user_bio").on('mouseleave', function(){            $('#user_bio_edit').css("display", "none");        });        $("#user_bio").on('click', function(){            var actualbio = $("#user_bio_container").html();            $('#user_bio_container').empty();            var user_bio_form =             "<form id='change_user_bio'>" +            "<span id='cancel_user_bio'>Cancel</span>"            "</form>";            $("#user_bio_container").append(user_bio_form);        //Button decision control        $("#cancel_user_bio").on('click', function(){            $("#user_bio_container").empty();            $("#user_bio_container").append(actualbio);            $('#user_bio_edit').css("display", "none");        });        });    });我試過使用hide()and show()，但是在兩個取消的表單之后它停止工作并且我繼續向未顯示的 HTML 添加表單。我還嘗試將按鈕決策控制代碼移到點擊事件之外，但它也不起作用。