如何在不使用bootstrap的情况下触发模态

Question

是否有更好的选项可以在不使用引导程序的情况下单击按钮显示弹出模式。我试了几件东西，但是我没能成功。下面我创建了一个样本plunker。如果有更好的选择，请告诉我。

Answer 1

如果您不使用引导程序，可以尝试使用Javascript和CSS构建模式。一个好的开始是w3schools。有关如何使用您可以尝试编辑自己的示例创建模态框的指南。

虽然您的代码与网站上的示例相距不远，但这些示例可以很好地解释如何设置模态的样式并将其显示为来自bootstrap的模态。相关部分将位于.modal css中，z-index被声明。

步骤3也会添加到你的js代码中，特别是这部分：

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}