Javascript 如何在弹出窗口打开后禁用/灰显父窗口

我有一段代码，当用户单击表中的图标时，会触发弹出窗口。现在，我想在弹出窗口打开后灰显/禁用父窗口，然后在弹出窗口关闭后将父窗口恢复正常

虽然这个问题以前已经被问过了，但我已经尝试了SO中给出的一些例子，但是我没有得到预期的结果，所以请帮助我

$（文档）。在（“单击”，“弹出触发器”，函数（事件）{
警惕（“我在里面”）；
//var currentrow=$（此）；
//var sino=currentRow.find（“td:eq（1）”）.text（）；//从复选框中获取SI编号
//警惕（中国）；
var scrollTop=''；
var newHeight='100'；
$（窗口）.bind（'scroll'，function（）{
scrollTop=$（窗口）.scrollTop（）；
新高度=滚动顶部+100；
});
$（'.popup trigger'）。单击（函数（e）{
警报（$（'#grn'）.val（））；
$（“#sino”）.val（$（this）.closest（'tr'）.children（）[1].textContent）；
$（“#iname”）.val（$（this）.closest（'tr'）.children（）[2].textContent）；
$（“#recqty”）.val（$（this）.closest（'tr'）.children（）[4].textContent）；
e、 停止传播（）；
if（jQuery（window）.width（）<767）{
$（this.after（$（“.popup”））；
$（'.popup'）.show（）.addClass（'popup-mobile'）.css（'top'，0）；
$（'html，body'）。设置动画({
scrollTop:$（'.popup'）.offset（）.top
}, 500);
}否则{
$（'.popup'）.removeClass（'popup-mobile'）.css（'top'，newHeight'）.toggle（）；
};
});
$（'html'）。单击（函数（）{
$（'.popup'）.hide（）；
});
$（'弹出btn关闭'）。单击（函数（e）{
$（'.popup'）.hide（）；
});
$（'.popup'）。单击（函数（e）{
e、 停止传播（）；
});
});

SI编号：

项目名称：

接收数量：

关闭
您是否正在为此项目使用引导？如果你是，已经有一个内置的“模态”功能，可以使用。不，我不使用它。你在这个项目中使用引导吗？如果你是，已经有一个内置的“模态”功能，可以使用。不，我没有使用它