Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在不使用引导的情况下触发modal_Javascript_Angularjs - Fatal编程技术网

Javascript 如何在不使用引导的情况下触发modal

Javascript 如何在不使用引导的情况下触发modal,javascript,angularjs,Javascript,Angularjs,有没有更好的选项可以在不使用引导的情况下单击按钮显示弹出模式。我尝试了几件东西,但没有成功。下面我创建了一个示例plunker。请告诉我是否有更好的选择。如果您不想使用引导,您可以尝试使用Javascript和CSS构建一个模式。一个好的开始是。有一个关于如何创建模态框的指南,其中有一些示例,您可以自己尝试和编辑 虽然您的代码离站点上的示例不远,但这些示例很好地解释了如何设置模态的样式,以及如何将它们显示为类似于bootstrap中的模态。相关部分将位于.modalcss中,其中声明了z-ind

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

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

虽然您的代码离站点上的示例不远,但这些示例很好地解释了如何设置模态的样式,以及如何将它们显示为类似于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";
    }
}

Plunker:你需要先用谷歌搜索它,然后试着自己做,试着搜索“如何创建弹出式html、css、js”问题寻求调试帮助(“为什么这段代码不起作用?”)必须包括所需的行为、特定的问题或错误,以及在问题本身中重现它所需的最短代码。