Як повністю приховати завантажувальний модуль після отримання відповіді ajax - ajax, twitter-bootstrap, cakephp, response

// From Ctp
hcp_btn.on("click", function(){
var value = hcp_field.val();
if(value != "")
{
$.ajax(
{
type: "POST",
url: ajax_url+"users/add_hcp_type/"+value,
success:function(response)
{
if(response == "exist")
{
$("#hcp_error").show();
hcp_btn.addClass("disabled");
}
else{
$("#hcp_type_modal").modal("hide");
$("#hcp_type").html(response);
}
}
});
}
});

// For Controller
$this->autoRender = false;
$this->layout = "ajax";
$this->viewPath = "Elements";
$this->render("hcp_types");


![This type of background left after modal close in ajax success function][1]

Я використовую cakephp та рендерінг елемента за допомогоюajax та динамічно завантажує дані всередині ctp. Але після отримання відповіді Ajax всередині функції успіху ajax я намагаюся закрити завантажувальний модальний гайковий модаль не повністю закрити, залишається прозорий фон.

Відповіді:

Використовуйте це, щоб очистити лівий фон

//when hidden
$("#hcp_type_modal").on("hidden.bs.modal", function(e) {
$(".modal-backdrop").remove();
});