Javascript 打开和关闭模式时的灰色背景

我正在使用模式引导，并使用按钮的单击事件关闭此模式：在我仅使用此命令之前：此命令正常工作

$('#AddContact').click(function(){
    $("#ModalContact").modal('hide');    
});

但是现在我不得不用它来完成同样的任务，为什么会发生这个更新？它在css或html中有任何效果吗

$('#AddContact').click(function(){
    $("#ModalContact").modal('hide');
    $('body').removeClass('modal-open');
    $('.modal-backdrop').remove();
});

现在还有另一个问题，当我尝试在使用第二个功能关闭后再次打开模型时，模型没有出现，只留下一个灰色屏幕覆盖当前主体。我怎样才能解决这个问题

<a  href="" data-toggle="modal"  data-target="#ModalContact"> Add Contact</a>

按钮事件以打开模式对话框

×
孔塔托
取消者
萨尔瓦多

考虑到您的代码，我看不出有什么问题，这里是一段代码片段

$（'#AddContact'）。单击（函数（）{
$（“ModalContact”）.modal（'hide'）；
$（'body'）.removeClass（'modal-open'）；
$（'.modal background'）.remove（）；
});

×
孔塔托
我爱你，我爱你

取消者
萨尔瓦多
发生此错误是因为您在css中使用了导致此问题的某些位置属性。解决此问题的一个简单方法是更改打开模式的方法，而不是使用jquery函数打开目标

<!--
<a  href="" data-toggle="modal"  data-target="#ModalContato"> Adicionar Contato</a>-->
<a id="AbrirModalContato" href="" > Adicionar Contato</a>


    $('#AbrirModalContato').click(function(){
        $('#ModalContato').appendTo("body").modal('show');
        return false; 
    });


$（'AbrirModalContato'）。单击（函数（）{
$（'ModalContato'）。附录（“正文”）。模态（“显示”）；
返回false；
});
我认为这一行
$（'.modal background'）.remove（）
正在删除你的模式，你能提供与模式相关的HTML代码吗？为什么不把
data dismission=“modal”
放在#AddContact上？我删除了它，当我第二次点击按钮打开模式时，我的问题仍在继续，它会导致相同的错误。你能提供问题的全部代码吗？HTML和JavaScriptI添加了模态代码，这是我所需要的，因为当我点击btnadd时，它会与目标一起打开，然后关闭，是吗？再看一次答案，我没有发现你的代码有任何问题。哇，我将尝试重做代码，真奇怪。感谢收听：/
<!--
<a  href="" data-toggle="modal"  data-target="#ModalContato"> Adicionar Contato</a>-->
<a id="AbrirModalContato" href="" > Adicionar Contato</a>


    $('#AbrirModalContato').click(function(){
        $('#ModalContato').appendTo("body").modal('show');
        return false; 
    });