modal-dialog 相关问题

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

Livewire/Bootstrap - 在显示 Livewire/Bootstrap 模态之前向输入传递值问题

我有两个不同的按钮应该触发模式的打开($('#create-ponto-atipico').modal('show');)。根据单击的按钮,我需要将不同的值传递给 in...

回答 1 投票 0

在 ASP.NET 中将模态链接到其他模态

我的标题菜单中有一个登录模式。在该表单中,我有“注册”选项,并且希望如果用户单击登录表单也可以访问注册表单。 但是当我想将它链接到regi时...

回答 1 投票 0

模态按钮 OnClick 事件在 Firefox 中未触发

我在模式弹出窗口中有这个按钮: 我在模式弹出窗口中有这个按钮: <asp:Button runat="server" ID="btnOkay" Text="Invia" OnClick="btnOkay_Click" CssClass="btn btn-danger" UseSubmitBehavior="false" CausesValidation="true" OnClientClick="hideModal('{0}','{1}');" /> 这是“hideModal”功能: <script type="text/javascript"> function hideModal(sender, e) { __doPostBack(sender, e); } </script> 问题是这在 Chrome、IE 和 Edge 中工作正常,但在 Firefox(最新)中却不行。我可以看到它在 btnOkay_click 事件触发之前触发页面回发。我怎样才能让它像在 Chrome 中一样工作?谢谢 事实证明,由于某种原因,Firefox 无法执行 OnClientClick 事件,解决方案是摆脱它并用 data-dismiss="modal" 替换它,所以我的按钮现在是这样的: <asp:Button runat="server" ID="btnOkay" Text="Invia" OnClick="btnOkay_Click" CssClass="btn btn-danger" UseSubmitBehavior="false" CausesValidation="true" data-dismiss="modal" /> 它在 Chrome 和 Firefox 上都运行良好

回答 1 投票 0

我无法找到 e.preventDefault() 在 trapFocus 函数中做什么

我明白这个函数的作用,但我真的不知道 e.preventDefault() 是做什么的。我知道这会阻止 keydown 事件的默认行为,但我真的不知道哪种行为......

回答 1 投票 0

在 remixjs 中提交时隐藏模式表单

我现在正在做一个混音项目,我有一个看起来像这样的文件。 从“flowbite-react”导入{按钮,模态}; 从“react&qu...

回答 4 投票 0

React Modal - 通过单击模态之外的方式关闭无法正常工作

到目前为止,我的模态工作正常,并且完成了它应该做的事情。 但是,当我尝试实现一种方法,让模式在我单击模式外部时关闭,我遇到了一些错误。 例如我尝试添加 onCl...

回答 4 投票 0

如何制作不平凡的模式对话框?

在阅读了 SwiftUI 中的所有简单模式对话框选项并进行谷歌搜索后,我仍然在努力寻找我想要的东西。这是我构建的对话框(代码对于......来说并不重要)

回答 1 投票 0

如何在 Swift 中创建不平凡的模式对话框

在阅读了 swiftui 中的所有简单模式对话框选项并进行谷歌搜索后,我仍然在努力寻找我想要的东西。这是我构建的对话框(代码对于......来说并不重要)

回答 1 投票 0

按百分比设置 bootstrap 模态身高

我正在尝试制作一个带有主体的模态,当内容变得太大时会滚动。但是,我希望模式能够响应屏幕尺寸。当我将最大高度设置为 40% 时,它没有

回答 7 投票 0

对话框元素内部的元素在对话框边界之外时不会显示

问题 想要创建一个对话框元素,其中有一个 x 按钮来关闭右上角的 。我想我可以使用绝对位置/变换来完成它,但是当 x

回答 1 投票 0

在引导模式的烧瓶中闪烁消息

我正在尝试遵循烧瓶文档。成功提交表单(注册表单)后,我会显示一条消息“注册成功”。但是,我试图让此消息出现在

回答 2 投票 0

客户端渲染中的Next js Modal Hydration错误

我正在努力解决 Next.js 和 React 应用程序中的一个令人困惑的问题。尽管我努力使用 useEffect 来阻止服务器端渲染,但我还是遇到了水合错误,这证明了

回答 1 投票 0

React Native 键盘在 Android 上推送模式

我有一个非常简单的模态组件,里面有一个 TextInput,每当我专注于 TextInput 时,我的整个视图就会被推高。 对于较小的模态,这不是问题,但是我有一些模态......

回答 1 投票 0

确认对话框出现两次

我在我的项目中使用primeng。我有一个 mat-tab,两者内部都有相同的组件,该组件是一个带有按钮的表单,当我按下该按钮时会显示一个确认对话框。问题是,当我...

回答 1 投票 0

带有模态弹出窗口的 html 表格

更新..... 我希望任何人都可以解决这个问题 当我使用 标签在模态弹出窗口中显示我的数据时,表格显示分散...... 当使用 标签时一切正常 这里... 更新..... 我希望任何人都可以解决这个问题 当我使用 <td> 标签在模态弹出窗口中显示我的数据时,表格显示分散... 当使用<h5>标签时一切都OK 这是我的模态代码 <div id="myModal<?php echo $row['id']; $x = $row['id']; ?>" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> </div> <div class="modal-body"> <?php $records = mysqli_query($conn,"select * from trans where id = $x "); while($row = mysqli_fetch_array($records)) { ?> <!-- <td> <?php echo $row['id']; ?></td> <td> <?php echo $row['date']; ?></td> <td> <?php echo $row['invNO']; ?></td> <td> <?php echo $row['income']; ?></td> --> <h6>ID : <?php echo $row['id']; ?></h6> <h6>Date : <?php echo $row['date']; ?></h6> <h6>inv No : <?php echo $row['invNO']; ?></h6> <h6>income : <?php echo $row['income']; ?></h6> <?php } ?> </div> </div> </div> </div> 来自 MDN,它指出: 只能在 元素内使用。 您遇到的情况可能是浏览器的怪癖,它会重新排列您的 HTML 输出,并将您的 <td> 元素放在您不期望的位置。 要解决此问题,您应该将 <td> 元素替换为其他内容(就像您对标题标签所做的那样),或者记住将单元格包裹在 <table /> 和 <tr /> 标签内。

回答 1 投票 0

html 模态与 php 和 mySql

尝试找到解决我的问题的方法 我有2张桌子... 第一个包含客户 ID 和姓名、电话、地址...等 第二个表包含客户交易,例如 ID、发票...

回答 1 投票 0

如何在 Blazor PWA 应用程序中创建模式/通知弹出窗口?

我想在 Blazor 应用程序中创建模式弹出窗口或 toast 通知,我尝试实现 blazor 模式,但它给了我错误并且没有显示,我只想在按下 cer 时显示一条文本。 ..

回答 1 投票 0

确保模式打开时页面保持不可滚动,同时仍保持滚动条可见

我试图做到这一点,以便当打开模式时,用户将无法滚动页面。但是,如果我简单地在中添加overflow:hidden,滚动条就会很快消失......

回答 1 投票 0

React Modal 总是重叠

我在创建反应模式时遇到一些问题, 我创建的模态总是与下一个渲染的组件重叠, 模态本身是在组件上创建的,通过单击

回答 1 投票 0

如何将 PHP 变量从 foreach 循环传递到循环外的 MODAL

我正在开发一个模式,它应该获取用户 ID 和用户的全名以显示在模式的标题上。这些来自 php foreach 循环。我需要获取 ID,因为我要存储...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.