如何在获取ajax响应后完全隐藏bootstrap模式

Question

// 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响应之后我试图关闭bootstrap模态螺母模态并不完全关闭一些透明背景。

Answer 1

用它来清理左侧背景

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