Bootstrap Modal Работает правильно, но не с компонентом наложения ⇐ Jquery

[Anonymous]

The current interaction behavior is that after I click submit the form, it should have delayed time with spinner and success message but they're still not showing only modal close in setTimeout() inside showSuccess()
I have modal overlay after modal-footer and inside modal-content


Loading...

Added Successully!



function hideAddModal() {
document.getElementById("modalOverlay").style.pointerEvents = "none";
$("#addModal").modal("hide");
$(".modal-backdrop").remove();
}
function showSpinner() {
$("#loadingSpinner").removeClass("d-none");
$("#successMessage").addClass("d-none");
document.getElementById("modalOverlay").style.pointerEvents = "auto";
}
function showSuccess() {
$("#loadingSpinner").addClass("d-none");
$("#successMessage").removeClass("d-none");
document.getElementById("modalOverlay").style.pointerEvents = "auto";

setTimeout(function () {
hideAddModal();
$("#successMessage").addClass("d-none");
}, 1000)
}
< /code>
Ниже здесь находится фрагмент кода функции отправки после кнопки запуска < /p>
bool isInserted = await InsertStored(value);
if (isInserted)
{
BindGridView();
Debug.WriteLine("Registering script to hide modal");
ScriptManager.RegisterStartupScript(this, GetType(), Guid.NewGuid().ToString(),
@"
showSpinner();
setTimeout(function() {
showSuccess();
}, 500);
",
true);
}
else
{
// Another ScriptManager to show alert error message
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... -component