Jquery 如何在打开子模式时模糊主模式？

我想像这样模糊主模态（google plus的模态快照）：

我遵循并实现了以下目标：

我正在使用引导模式（最新版本）来工作。但没有提到子模态。所以，我的问题是：我该怎么做

以下是我的示例，基于我的尝试：

（功能（全局）{
$（文档）.ready（函数（）{
//使用此功能将子模式居中（宽度/高度）
设addLinkModalOnShow=函数（）{
设c=$（this.find（'.modal content'），
h1=$（全局）.height（），
h2=c.高度（），
w1=$（'#myModal.modal content'）.width（），
w2=c.宽度（）；
c、 css（{“页边顶部”：h1/2-（h2/2），“页边左侧”：w1/2-（w2/2）}）；
};
$（document）.on（'show.bs.modal'，'.modal#subModal'，addLinkModalOnShow）；
});
}（窗口）
#子模态。模态内容{
宽度：300px；
高度：170px；
}

启动演示模式
&时代；
主模态
...
接近
开放子模式
&时代；
子模态
...
接近
保存更改
您提供的示例符合您的要求？@ovokuro ya。我想在打开子模式后模糊主模式，就像第一个快照一样。