modal-dialog 相关问题

指用于向用户显示重要信息的图形对话框。这些对话框显示在所有其他内容之上，阻止应用程序流，直到收到用户输入。

我有一个显示名为“ShopModal”的模式的功能。在此模式中，我有一个名为 petDetailsButton 的按钮，我想检查它的 onClick 功能是否有效，但是当我写 con...

javascript html modal-dialog

回答 0 投票 0

我是 HTML 和 CSS 的初学者，我有一个使用此代码的工作模式系统打开模态我是 HTML 和 CSS 的初学者，我有一个使用此代码的工作模式系统 <button class="modal-button" href="#myModal1">Open Modal</button> <div id="myModal1" class="modal"> <div class="modal-content"> <div class="modal-header"> <span class="close">X</span> <h2>Modal Header</h2> </div> <div class="modal-body"> <p>Some text in the Modal Body</p> <p>Some other text...</p> </div> <div class="modal-footer"> <h3>Modal Footer</h3> </div> </div> </div> 这是我的模态脚本 <script>// Get the modal // Get the button that opens the modal var btn = document.querySelectorAll("button.modal-button"); // All page modals var modals = document.querySelectorAll('.modal'); // Get the <span> element that closes the modal var spans = document.getElementsByClassName("close"); // When the user clicks on the button, open the modal for (var i =0; i<btn.length; i++){ btn[i].onclick = function(e){ e.preventDefault(); modal = document.querySelector(e.target.getAttribute("href")); modal.style.display = "block"; } } // When the user clicks on <span> (x), close the modal for(var i = 0; i <spans.length; i++) { spans[i].onclick = function(){ for (var index in modals) { if (typeof modals[index].style !== 'undefined') modals[index].style.display = "none"; } } } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target.classList.contains('modal')) { for (var index in modals){ if (typeof modals[index].style !== 'undefined') modals[index].style.display = "none"; } } }</script> 但是我想用这种类型的代码<button id="connectButton"><img class="icon" src="images/mail.png"><h1>connect</h1></button>来替换第一行。我已经尝试过 this 建议的修复，但它对我不起作用。有人能帮忙吗？

javascript html modal-dialog bootstrap-modal

回答 0 投票 0

在带有 ngPrime 的 bootstrap 5 的角度 12 中，我需要重叠我拥有的任何其他元素的 p-dialog

在带有 ngPrime 的 bootstrap 5 的角度 12 中，我需要重叠我拥有的任何其他元素的 p-dialog，我该怎么做而不使用 z-index 和 css 仅与 primeng 一起使用？我已经将 z-index 与...一起使用了

css angular modal-dialog primeng z-index

回答 0 投票 0

在执行时间更改大小值对话框

我正在尝试创建属性或方法来更改在 vuetify 中构建的容器对话框的大小。默认情况下，我需要它：我认为如果我做一个可变道具......

javascript vue.js modal-dialog vuetify.js

回答 1 投票 0

如何删除 iframe src on outside click of bootstrap modal

我正在做一个项目，它有一个引导模式来播放视频。当用户在模态之外单击时，模型会关闭，但视频会继续在后台播放。如何添加事件到