我想在我的屏幕上放置一个覆盖，而一些ajax的东西在运行。构建自己的覆盖div不是一个大问题，但是，因为我已经使用Bootstrap，我想我可以使用它的.modal背景 – 它应该已经在周围，并有一些价值的一致性和所有那。
问题是我找不到正确的方法 – 我试过添加类到.modal-backdrop，或调用.show()，但它不工作。
注意，我不想提出一个整体模态对话框，但只是揭示，然后隐藏的背景。
有什么建议么？
解决方法
只需将一个div添加到该类中，然后在完成后将其删除：
// Show the backdrop
$('<div class="modal-backdrop"></div>').appendTo(document.body);
// Remove it (later)
$(".modal-backdrop").remove();
活动示例：
$("input").click(function() {
var bd = $('<div class="modal-backdrop"></div>');
bd.appendTo(document.body);
setTimeout(function() {
bd.remove();
},2000);
});
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" /> <script src="//code.jquery.com/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <p>Click the button to get the backdrop for two seconds.</p> <input type="button" value="Click Me">
