modal-dialog 相关问题

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

我可以禁用 CSS 中的滚动条吗?

我有一个模态对话框,您可以在此链接中看到: https://codepen.io/rgraph/full/KKOyYYK <...

回答 1 投票 0

CSS 如何在模式对话框元素打开时对其进行转换?

我想在对话框元素打开时对其应用过渡,但我的过渡属性似乎没有任何效果。这是我的代码: const 对话框 = document.querySelector("di...

回答 1 投票 0

模态窗口内的video.js:全屏不起作用

我一直在使用 video.js 在模态窗口内显示内容,正如您在此处看到的: http://www.csdalbenga.it/galleria1.html 点击“Clicca qui per Visionare il video della recita!”布...

回答 2 投票 0

CoreUI - 默认标题中的模态显示在背景后面

我正在使用 Core-UI 的管理模板作为开源项目 cog1 的控制台。这很棒,但我在使用默认标题组件上的下拉菜单中的模态时遇到了问题...

回答 1 投票 0

如何使用 CodeIgniter 在单击时在模式弹出窗口中显示数据?

我正在使用 Codeigniter 开发一个博客,其中详细信息通过“阅读更多”功能显示在引导卡中。该代码正在动态获取数据并显示...

回答 1 投票 0

Android 的 FullWindowOverlay

我正在使用 React Native 开发一个应用程序,并且正在处理一个在模式内结合了 Modal 和 BottomSheet 的屏幕。我遇到的唯一问题是我将工作表内容包装在

回答 1 投票 0

如何防止<dialog>用Esc键关闭

根据文档,当您按 Esc 键时,HTML 元素 将始终关闭。问题是您可能不希望它立即关闭,即如果...

回答 1 投票 0

window.print() 在每一页上重复模式

我正在尝试使用 window.print() 命令打印模式。我面临的问题是,例如。模态上的内容有 1 页长,但当我打印时,它显示 2 页内容相同的内容

回答 2 投票 0

使用 HTML CSS JavaScript 的画廊网站的多种模式

我正在为网站制作画廊,但模态对我不起作用。我尝试了一切。 如果可能的话,请添加两个导航箭头,就像在 Messenger 或 Facebook 上一样。 我的代码: 我正在为网站制作画廊,但模态对我不起作用。我尝试了一切。 如果可能的话,请添加两个导航箭头,就像在 Messenger 或 Facebook 上一样。 我的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Galéria</title> <link rel="shortcut icon" href="pics/icon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="topnav" id="myTopnav" <a href="index.html">Home</a> <a href="galery.html">Galéria</a> <a href="info.html">Információk</a> <a href="javascript:void(0);"> <i></i> </a> <div id="kepek"> <img class="galleryimg" src="pics/gallery/kep (1).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (2).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (3).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (4).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (5).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (6).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (7).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (8).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (9).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (10).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (11).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (12).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (13).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (14).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (15).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (16).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (17).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (18).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (19).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (20).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (21).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (22).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (23).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (24).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (25).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (26).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (27).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (28).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (29).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (31).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (32).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (33).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (34).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (35).jpg" alt=""> </div> <script src="app.js"></script> #kepek { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 20px; } .galleryimg { height: 26vh; width: 100%; object-fit: cover; border-radius: 5px; cursor: pointer; transition: transform 0.2s; } .galleryimg:hover { transform: scale(1.05); } 这是针对多种模式的可靠 js 解决方案:https://fancyapps.com/fancybox/ 也许它会给您一些如何在网页上构建自己的模式的线索

回答 1 投票 0

选项卡内的 Primefaces 对话框不适用于 modal="true" 和appendto="@body"

当对话框不在任何选项卡内时,它们可以正常工作。但我在选项卡内有一些页面,在这些页面中,如果我设置 modal="true" 和 @appendto="@body",我看不到我的更改

回答 1 投票 0

我们可以使用 aria 更改地标元素或任何 html5 元素的原生语义吗

我们可以使用 aria 更改地标元素或 html5 的任何元素的本机语义吗?这样做在语义上是否正确且符合要求? 假设我想使用对话框元素作为

回答 1 投票 0

discord.py 2.4.0:关闭模态时保存数据

如何确保模态窗口关闭后,再次打开时保存其中输入的数据? 我查看了有关模态的整个 discord.py 文档,但我仍然无法...

回答 1 投票 0

使用翻译居中时模态文本模糊(-50%,-50%);

我在通过变换居中的模态中遇到模糊文本(在 Chrome 中):translate(-50%,-50%); 模态不能以像素为单位显式指定其宽度。 这是当前的c...

回答 2 投票 0

Flutter 模态底片那个黑色的小东西

我的问题可能听起来有点不对劲,但是如何制作这个东西?我不知道什么叫做对不起

回答 2 投票 0

Select2 + bootstrap 模态问题

引导程序版本:5.1.3 选择2版本:4.1.0 复制链接:https://jsfiddle.net/L60xwgmt/1/ $('.select2').select2({ dropdownParent: $('#dataModal'), ...

回答 1 投票 0

在模态中确认删除评论时,React 不渲染警报

上下文:交互式评论部分CRUD应用程序 删除评论时,用户单击“删除”按钮,该按钮将打开一个模式,要求他们确认删除。那部分(模态打开/关闭...

回答 1 投票 0

表格单元格中用于打开模式对话框的按钮

我有一个带有一些 PHP 和表单的表。这是其中的一部分,显示按钮放置在单元格中: if ($giorno == "ven"){ 回声 ''.$qres["ven_1"].'...

回答 1 投票 0

在 JavaScript 中计算具有特定类的单元格

我有一个 HTML 表格和以下脚本,用于根据单元格的内容向单元格添加特定的类。 现在,我只想计算 class = active 的项目并触发模式(自动...

回答 1 投票 0

使用 PHP 的 Bootstrap 模式中的动态内容

我在表格中有以下,其中包含一个按钮: 我的表格中有以下 <td>,其中包含一个按钮: <td class="text-center"> <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="modal" id="#exampleModal'.$objResult['id'].'" data-bs-target="#exampleModal'.$objResult['id'].'">click me</button> </td> 请注意,该按钮将 PHP 变量传递给模式。下面我有一个 Bootstrap 模式,应该由上面的按钮触发(使用 PHP 变量): <div class="modal fade" id="exampleModal<?= $objResult['id'] ?>" tabindex="-1" aria-labelledby="exampleModalLabel<?= $objResult['id'] ?>" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="exampleModalLabel<?= $objResult['id'] ?>">Classi docente</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body" align="left"> **HERE I HAVE SOME PHP CODE WHICH USES $objResult['id']** </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button> </div> </div> </div> </div> 按钮不会触发任何操作。 控制台调试显示: Uncaught TypeError: Cannot read properties of undefined (reading 'backdrop') 可能是模态中错误的id导致的?有什么提示吗? 您的按钮与模态框具有相同的 id。更改它,或者如果不需要则删除它。

回答 1 投票 0

更改 Google 表格中的下拉条目时弹出模态对话框

我正在尝试创建一个脚本,当用户在下拉列表中选择特定值(例如“a”)时,会弹出一个特定的模式对话框。 我正在尝试此操作,但出现此错误:Cannot red properties of und...

回答 1 投票 0

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