如何激活Bootstrap模态背景？

我想在我的屏幕上放置一个叠加层,同时运行一些ajax.构建我自己的overlay div并不是什么大不了的事,但是,因为我已经在使用Bootstrap,我想我也可以使用它.modal-backdrop- 它应该已经存在了,并且它具有一定的一致性和所有这些.

问题是我找不到正确的方法 - 我尝试添加类.modal-backdrop或调用.show()它,但它不起作用.

请注意,我不想调出整个模态对话框,只是显示然后隐藏背景.

有什么建议？

只需div将该类附加到该类body,然后在完成后将其删除:

// Show the backdrop
$('
').appendTo(document.body);

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

实例:

$("input").click(function() {
  var bd = $('
');
  bd.appendTo(document.body);
  setTimeout(function() {
    bd.remove();
  }, 2000);
});

Click the button to get the backdrop for two seconds.