modal-dialog 相关问题

模态对话框顶部的 MUI5 抽屉

使用 MUI5，我需要在触发它的模式对话框顶部打开一个侧抽屉。那可能吗？目前，该对话框会触发侧抽屉，但它会在侧抽屉后面打开。 看起来像是模态...

将变量从 HTML 页面传递到 Form-Modal

我正在尝试将变量从表传递到Form-Modal，因此需要一些关于片段的指导。请参阅 HTLML 部分。 我需要将 {{rec.sys_id}} 作为参数传递到方法中，wh...

带有 TextField 的 Flutter 底部模态表

我有模态底部表单，具有以下简化结构： 显示ModalBottomSheet( isScrollControlled: true, ... 构建器：（BuildContext 上下文）{ 返回填充（ 填充：

如何从 Avalonia 的控制台应用程序打开对话框

我有一个控制台应用程序，它在某个时候创建一个 WPF 窗口，将 VM 添加到 Datacontext，并将窗口显示为对话框。控制台通过 DialogResult 进一步运行。 我对 Avalonia 也做了同样的尝试，b...

在模态框内写入输入 - Selenium

我无法在模态框内的输入中写入内容。单击按钮后将打开此模式。 以下是链接： https://www.portalinmobiliario.com/MLC-2148268902-departamento-los-espi...

如何通过单击对话框外部来关闭角度材质对话框

我几个小时以来一直尝试通过单击外部来关闭模式。 单击 X 按钮已经可以工作，但对于外部单击到目前为止没有任何帮助。 我尝试过 hasBackDrop 和其他一些东西，但没有......

使用内置的 `show()` 和 `hide()` 函数后，Flowbite 模态不再打开

我正在使用 Flowbite 模式向用户显示注册和登录表单。每个模式的底部都有一个用于切换到另一个模式的按钮，例如“还不是会员？注册吧。”或“

更改模式对话框ios的大小

如何更改模式对话框的大小？为什么这不起作用？ SlingDialogViewController *slingDialog = [[SlingDialogViewController alloc] init]; slingDialog.modalPresentationStyle =

任务完成后如何关闭模态窗口？

我有两个默认窗口。我希望一个窗口开始一项工作，以模式（对话框）形式显示另一个窗口（指示进度，但现在并不重要），然后在这项工作完成后关闭它...

C# Selenium 无法在模态中找到按钮 - 不是 Iframe

问题： 我收到“NoSuchElementException：无法定位元素错误”。 我的程序的源代码生成异常： 最后一行代码生成，以下e...

反应原生模态，避免在打开键盘时调整视图大小（Android）

我正在使用react-native Modal，其中包含一个View。 该视图有一些 TextInput 元素。当键盘弹出时，视图元素全部折叠以适应剩余空间，但我不...

使用 HTML 和 Javascript 的模态

我正在尝试制作两个由相应按钮触发的模态。这是我的代码： 我正在尝试制作两个由相应按钮触发的模态。这是我的代码： <!-- Trigger/Open The Modal --> <p><button id="seeBtn" type="button">SEE</button></p> <p><button id="hearBtn" type="button">HEAR</button></p> <!-- The Modal --> <div class="modal modal-content" id="seeModal"> <span class="close">&times;</span> <p>See their profile</p> <p>See their profile</p> <p>See their profile</p> <p>See their profile</p> </div> <!-- The Modal --> <div class="modal modal-content" id="hearModal"> <span class="close" id="close">&times;</span> <p>Hear their Stories</p> <p>Hear their Stories</p> <p>Hear their Stories</p> <p>Hear their Stories</p> </div> <script> const seeModal = document.getElementById("seeModal"); const hearModal = document.getElementById("hearModal"); const seeBtn = document.getElementById("seeBtn"); const hearBtn = document.getElementById("hearBtn"); const closeModal = document.getElementById("close"); itemModal = function(modal,open,close) { var modal; var open; var close; open.addEventListener("click", function(){modal.style.display = "block";}); close.onclick = function(){modal.style.display = "none";}; } itemModal(seeModal,seeBtn,closeModal); itemModal(hearModal,hearBtn,closeModal); </script> 上面的代码在某种程度上是有效的。 “seeModal”将打开，但不会关闭。 “hearModal”将完美地完成这两件事。 我不确定它是否与此有关，但我将其输入到 Omeka S 中的 HTML 块中。这可能就是 模态方法不起作用的原因。 我尝试了“addEventListener”和“onclick”——CodePen 告诉我这两个都是空的。我尝试了 模态方法（参见此处：https://youtu.be/TAB_v6yBXIE?si=GM9fpckBCpePWf6N），但我有一种感觉 Omeka S 的 HTML 净化器不熟悉它，因为代码出来时相当混乱我试过。我还尝试了箭头功能，当我单击按钮并期望发生一些事情时，我的计算机上出现了一片空白（“嗯？”）。当我复制并粘贴 W3School 的模态教程 (https://www.w3schools.com/howto/howto_css_modals.asp#gsc.tab=0) 时，它工作得很好，直到我想将它复制到多个按钮为止。当我查看 Azurespeed 的 ChatGPT 代码生成器 (https://www.azurespeed.com/ChatGPT/GenerateCode) 时，发现有些内容未定义。我知道我对 JS 很生疏，但这让我感觉像用头撞墙。 我的目标是单击按钮并显示相应的模式。当某人查看完模式后，他们可以单击关闭按钮使其消失。该操作需要可重复且易于为多个按钮设置。大多数情况下，我需要帮助弄清楚为什么这些功能似乎有效，但只是部分时间。 看起来您只有一个带有 id="close" 的关闭按钮，并且您将相同的引用传递给 itemModal 函数。 解决这个问题的一个简单方法是在 itemModal 函数中查找关闭按钮。在这种情况下，您不需要将其传递到外面，您的模态框将选择位于模态框本身内部的一个。这是一个例子： const seeModal = document.getElementById("seeModal"); const hearModal = document.getElementById("hearModal"); const seeBtn = document.getElementById("seeBtn"); const hearBtn = document.getElementById("hearBtn"); itemModal = function(modal,open){ var modal; var open; var close = modal.querySelector('.close'); open.addEventListener("click", function(){modal.style.display = "block";}); close.onclick = function(){modal.style.display = "none";}; } itemModal(seeModal,seeBtn); itemModal(hearModal,hearBtn);

反应模式的下滑动画

我已经在react和css中实现了一个模态，目前，当我打开它时，我实现了一个向上滑动的动画，其中模态从底部向上滑动，但是当我关闭它时我希望它滑动...

模式窗口中什么标题级别是正确的？ [已关闭]

在 HTML 中创建模态框（显示在当前页面顶部的对话框窗口）时，将 HTML 标题放在 div 顶部时最合适的是： H1？ H2？什么是最正确的？

用不和谐的模态来启发我。他们不会以视图或任何其他方式发送

类VerifyModal（discord.ui.Modal，标题=“验证”）： def __init__(自身): super().__init__(超时=无) self.username = discord.ui.TextInput(label="Fortnite 用户名&qu...

模式窗口中什么标题级别合适？

在 HTML 中创建模态框（内容上方带有黑色背景的 div）时，您认为在 div 中放置 HTML 标题时最合适的是什么？： 标题 钛... 在 HTML 中创建模态框（内容上方带有黑色背景的 div）时，您认为将 HTML 标题放在 div 中最合适吗？: <h1>Title</h1> <h5>Title</h5> <div class="modal-title h4">Modal title</div> 在 Bootstrap 网站 他们选择 H5 或 H1。 并且 React Bootstrap 添加了 .h4 类并删除了 HTML 标题： 您认为最正确的是什么？ 是不是有点混乱？我发现有很多差异。 如果我放置 H5 并且我的网站上已经有 H5，这是否正确？ 如果我将 H1 放入我的模态中，并且显然我的主网站上已经有 H1，这样可以吗？ 我们应该根据项目的需要来使用标题吗？ 有没有100%无可争议的真理？ MDN 文档建议不要以这种方式在页面上使用多个 h1 元素： 注意：旧版本的 HTML 标准允许在嵌套分段元素中嵌套多个元素。然而，这从未被认为是最佳实践，现在也不符合要求。阅读更多内容没有文档大纲算法。 我不怀疑这方面有一个标准，并且建议根据页面的其余部分使用最有意义的元素级别。如果您担心语义，您可能需要考虑使用 <dialog> 元素 (docs) 而不是 <div>。

在模态窗口中使用标题

在 HTML 中创建模态框（内容上方带有黑色背景的 div）时，您认为在 div 中放置 HTML 标题时最合适的是什么？： 标题 钛... 在 HTML 中创建模态框（内容上方带有黑色背景的 div）时，您认为将 HTML 标题放在 div 中最合适吗？: <h1>Title</h1> <h5>Title</h5> <div class="modal-title h4">Modal title</div> 在 Bootstrap 网站 他们选择 H5 或 H1。 并且 React Bootstrap 添加了 .h4 类并删除了 HTML 标题： 您认为最正确的是什么？ 是不是有点混乱？我发现有很多差异。 如果我放置 H5 并且我的网站上已经有 H5，这是否正确？ 如果我将 H1 放入我的模态中，并且显然我的主网站上已经有 H1，这样可以吗？ 我们应该根据项目的需要来使用标题吗？ 有没有100%无可争议的真理？ MDN 文档建议不要以这种方式在页面上使用多个 h1 元素： 注意：旧版本的 HTML 标准允许在嵌套分段元素中嵌套多个元素。然而，这从未被认为是最佳实践，现在也不符合要求。阅读更多内容没有文档大纲算法。 我不怀疑这方面有一个标准，并且建议根据页面的其余部分使用最有意义的元素级别。如果您担心语义，您可能需要考虑使用 <dialog> 元素 (docs) 而不是 <div>。

如何保持嵌套路由器视图在模态下可见

我在 Vue3 应用程序上遇到问题。 我在 App.vue 中有一个 mainRouterView 和一个 modalRouterView 。 mainRouterView 显示各种内容，包括子 BottomRouterView，它显示所有主...

Delphi，可以使表单仅对特定父表单进行模式化吗？

我有一个应用程序，其中有一个主后台表单，从那里用户只能使用维护系统不同部分的非模式表单。非模态形式会覆盖 CreateParams me...

如何在单击模式外部时关闭弹出模式，同时能够向下箭头单选按钮？

我正在尝试添加功能以在用户单击模式外部时关闭模式。这个解决方案有效 const googleMissingInfoModal = document.getElementById('地址验证模式');