Question

到目前为止，我设法通过点击任何一个div来打开一个模态。我如何为一个div元素设置一个模态，也就是当我点击服务打开服务模式时我想要的，当我点击打开关于模态的时候...等等...我也必须关闭每一个modal当一个人被打开...我不知道如何用每个div连接它自己的模态。这是我的代码...

finalize()

Answer 1

您可以使用类似的命名方案，只需通过在单击id的对象上附加后缀来查找正确的文本，例如，每个span元素都有一个与其所使用的模态对应的id。例如contact然后让click事件监听器

function(e) { //e is the event object event
   document.getElementById(e.target.id + "-modal").style.display = 'block'
}

现在将联系模式称为“contact-modal”，它应该很容易找到

至于关闭每个元素，只需使用类modal-contain遍历所有元素，并在打开之前将display设置为none 新的