Javascript 不使用'；没有对话框和模态，需要在对话框下覆盖背景

如果我点击第二个粉红色背景的图像，就会出现一个对话框。我需要一个背景覆盖下，它不会出现在我使用模态：真，因为我有一个自定义库在我的项目。如何在不使用

modal:true

的情况下将此背景添加到对话框下

$（函数（）{
$（“#对话框”）。对话框({
//莫代尔：是的，
自动打开：错误，
});
$（“.images”）.find（“a”）.eq（1）.on（'click'，函数（e）{
e、 预防默认值（）；
设置超时（（）=>{
window.location.href=$（this.prop（“href”）；
}, 5000);
$（“对话框”）。对话框（“打开”）；
});
});
#对话框{
显示：无；
}
img{
宽度：300px；
高度：250px；
对象匹配：覆盖；
}



Lorem ipsum dolor坐在amet Concertetur，告别精英。你知道吗？你知道吗？布朗迪蒂斯·奎斯·普罗维登特

您需要在单击功能中移动
对话框
事件，以便
对话框
在发生
单击
事件时被初始化

要更改
背景粉红色
，您可以将CSS与
一起使用！重要信息
规则，或者您可以在对话框

打开时使用

addClass

编辑：因为您的

库

原因不需要

模态：true

选项。您可以使用jQuery的

addClass

和

removeClass

向您的

body

和

remove

添加自定义模式，并在

对话框上关闭
class

现场工作演示：（两幅图像都显示了与
粉色
背景模式的对话）


$（函数（）{
$（“.images”）.find（“a”）.on（'click'，函数（e）{
e、 预防默认值（）；
//对话框
$（“#对话框”）。对话框({
自动打开：错误，
开放：功能（e）{
$（'body'）.addClass（'modal'）；
},
关闭：功能（e）{
$（'body'）.removeClass（'modal'）；
}
}).对话框（“打开”）；
//Href
设置超时（（）=>{
//window.location.href=$（this.prop（“href”）；
}, 5000);
});
});
img{
宽度：300px；
高度：250px；
对象匹配：覆盖；
}
.莫代尔{
背景颜色：粉红色；
不透明度：1；
溢出：自动；
}
#对话{
显示：无；
}



Lorem ipsum dolor坐在amet Concertetur，告别精英。你知道吗？你知道吗？布朗迪蒂斯·奎斯·普罗维登特

谢谢你的回答，但这不是我想要的，因为我可能解释得不太清楚。如果我点击第二个粉红色背景的图像，就会出现一个对话框。我需要一个背景覆盖，就像在模态中一样，在它下面，当我使用
modal:true
时，它不会出现，因为我的项目中有一个自定义的库，把对话框想象成模态窗口。你有一个文本框，在它下面你需要把整个页面隐藏在较暗的颜色下background@JustMe设置模式：true
并使用doing
自定义CSS
使其看起来像一个模式将得到您想要的结果。像一个普通的窗口模式。这是非常不寻常的，你正试图以很容易实现的艰难方式来做的事情-你能给我看一个例子或者一幅图吗？我的定制库（我不能在这里包括它）似乎缺少一些组件，所以我不能简单地使用
模态：true
。你能告诉我如何在不使用modal:true的情况下为弹出的框添加背景覆盖吗？谢谢@JustMe使用自定义CSS是的，它可能没有模态：真的-谢谢你澄清库中的部分-我会更新我的答案