Jquery 如何激活引导模式背景？

我想在运行ajax时在屏幕上放置一个覆盖图。构建自己的overlay div不是什么大问题，但是，既然我已经在使用Bootstrap，我想我还是使用它的

.modal background

——它应该已经存在了，一致性和所有这些都有一定的价值

问题是我找不到正确的方法——我尝试过在

.modal background

中添加类，或者调用

.show（）

，但它不起作用

请注意，我不想打开一个完整的模态对话框，只想显示然后隐藏背景

---

有什么建议吗

只需将带有该类的

div

附加到

body

，完成后将其删除：

// Show the backdrop
$('<div class="modal-backdrop"></div>').appendTo(document.body);

// Remove it (later)
$(".modal-backdrop").remove();

//显示背景
$（''）.appendTo（document.body）；
//删除它（稍后）
$（“.modal background”）.remove（）；

实例：

$（“输入”）。单击（函数（）{
var bd=$（''）；
bd.appendTo（document.body）；
setTimeout（函数（）{
bd.remove（）；
}, 2000);
});

单击按钮以获得两秒钟的背景

非常奇怪，.modal background”类在css中是顶级定义的，因此它应该可以开箱即用

<div class="modal-backdrop"></div>



制作了一个小演示：
@JimMiller:不客气！很高兴这有帮助。（有趣的是，大约一周前我才有理由了解到这一点。）你能对页面的一部分这样做吗？我想屏蔽页面的主要内容，但不是导航栏从bootstrap 3.3.2升级到3.3.4为我解决了这个问题。在bootstrap 4中，你的div的类名必须是
模式背景淡入
@Hokascha否，必须是
模式背景淡入显示
才能显示半透明的黑色背景（或<代码>模式背景显示用于无动画）。这将添加不透明的黑色背景。要使其半透明且最初不可见，您需要另外为其指定样式：显示：无；背景颜色：rgba（0,0,0,0.5）；