modal-dialog 相关问题

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

锚点和按钮在 React 模式中不可点击

我正在尝试使用 ReactDOM.createPortal 来拥有一个可以从 React 应用程序中的任何位置打开的全局模式。模式将打开并正确显示。问题是和元素...

reactjs modal-dialog react-dom

回答 0 投票 0

闪亮模态未按预期在服务器中显示

所以我目前正在编写一个测试闪亮应用程序游戏来测试我为主游戏应用程序编写的辅助函数。在主应用程序中，提款金额和其他一些参数将由...

r shiny modal-dialog

回答 0 投票 0

使用 selenium 和 python 处理模态

<div id="pageHeader" class="mediumActivityList hasBanner hasMainNav hasSubNav"><div id="rwdNavBlock"><div id="rwdNavLogo" class="golfLogo"></div><div id="rwdNav" role="navigation"><ul><li aria-haspopup="true" class="topnav_item"><a href="#" class=""><span class="topnav_item">Tee Times</span></a><ul style=""><li aria-haspopup="false" class=""><a href="Member_select" class=".ftSlotConflitInit"><span class="">Make, Change, or View Tee Times</span></a></li><li aria-haspopup="false" class=""><a href="Member_sheet?index=0" class=".ftSlotConflitInit"><span class="">Today's Tee Sheet</span></a></li><li aria-haspopup="false" class=""><a href="Member_teelist" class=".ftSlotConflitInit"><span class="">My Tee Times / Calendar</span></a></li><li aria-haspopup="false" class=""><a href="Member_teelist_list" class=".ftSlotConflitInit"><span class="">My Tee Times / List</span></a></li><li aria-haspopup="false" class=" lastItem"><a href="Member_joinMe_list" class=".ftSlotConflitInit"><span class="">Looking for Players to Join</span></a></li></ul></li> <li aria-haspopup="false" class="topnav_item"><a href="Member_events" class=".ftSlotConflitInit"><span class="topnav_item">Events</span></a></li> <li aria-haspopup="true" class="topnav_item"><a href="#" class=""><span class="topnav_item">Lessons</span></a><ul style=""><li aria-haspopup="false" class=""><a href="Member_lesson" class=".ftSlotConflitInit"><span class="">Individual Lessons</span></a></li><li aria-haspopup="false" class=""><a href="Member_lesson?group=yes" class=".ftSlotConflitInit"><span class="">Group Lessons</span></a></li><li aria-haspopup="false" class=""><a href="Member_lesson?all_search" class=".ftSlotConflitInit"><span class="">All Open Pro Lessons</span></a></li><li aria-haspopup="false" class=""><a href="Member_lesson?bio=yes" class=".ftSlotConflitInit"><span class="">View Pros' Bios</span></a></li><li aria-haspopup="false" class=" lastItem"><a href="Member_teelist_list?mode=lesson" class=".ftSlotConflitInit"><span class="">My Scheduled Lessons</span></a></li></ul></li> <li aria-haspopup="true" class="topnav_item"><a href="#" class=""><span class="topnav_item">Handicaps</span></a><ul style=""><li aria-haspopup="false" class=" lastItem"><a href="Member_handicaps?todo=view" class=".ftSlotConflitInit"><span class="">View Handicaps and Scores</span></a></li></ul></li> <li aria-haspopup="true" class="topnav_item"><a href="#" class=""><span class="topnav_item">Search</span></a><ul style=""><li aria-haspopup="false" class=""><a href="Member_searchmem" class=".ftSlotConflitInit"><span class="">Other Members' Tee Times</span></a></li><li aria-haspopup="false" class=""><a href="Member_searchpast?subtee=cal" class=".ftSlotConflitInit"><span class="">Your Past Tee Times - This Calendar Year</span></a></li><li aria-haspopup="false" class=""><a href="Member_searchpast?subtee=year" class=".ftSlotConflitInit"><span class="">Your Past Tee Times - Past 12 Months</span></a></li><li aria-haspopup="false" class=" lastItem"><a href="Member_searchpast?subtee=forever" class=".ftSlotConflitInit"><span class="">Your Past Tee Times - Since Inception</span></a></li></ul></li> <li aria-haspopup="true" class="topnav_item"><a href="#" class=""><span class="topnav_item">Email</span></a><ul style=""><li aria-haspopup="false" class=""><a href="Member_email" class=".ftSlotConflitInit"><span class="">Send Email</span></a></li><li aria-haspopup="false" class=" lastItem"><a href="Member_email?manage_distribution_lists" class=".ftSlotConflitInit"><span class="">Manage Distribution Lists</span></a></li></ul></li> <li aria-haspopup="false" class="topnav_item"><a href="Member_partner" class=".ftSlotConflitInit"><span class="topnav_item">Partners</span></a></li> <li aria-haspopup="false" class="topnav_right_item profileNavItem"><a href="Member_services" class=".ftSlotConflitInit"><span class="topnav_right_item profileNavItem">Settings</span></a></li> <li aria-haspopup="false" class="topnav_right_item helpNavItem"><a href="Member_help_rwd" class=".ftSlotConflitInit"><span class="topnav_right_item helpNavItem">Help</span></a></li> <li aria-haspopup="false" class="topnav_right_item lastItem"><a href="Logout?u=311&ftc=0&ext=0&cl=GJONAS74912" class=".ftSlotConflitInit"><span class="topnav_right_item">Exit</span></a></li></ul></div><div id="rwdNav2" role="navigation"><a id="rwdNavButton" href="#rwdNav2" title="Menu" class="ftB-36-White ftB-36-Menu"><span></span><span>Menu</span></a><ul class="ui-accordion ui-widget ui-helper-reset" role="tablist"><li aria-haspopup="true" class="topnav_item "><a href="#" class="ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-id-1" aria-controls="ui-id-2" aria-selected="false" aria-expanded="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="topnav_item">Tee Times</span></a><ul class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" id="ui-id-2" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="true" style="display: none;"><li aria-haspopup="false" class=""><a href="Member_select" class=".ftSlotConflitInit"><span class="">Make, Change, or View Tee Times</span></a></li><li aria-haspopup="false" class=""><a href="Member_sheet?index=0" class=".ftSlotConflitInit"><span class="">Today's Tee Sheet</span></a></li><li aria-haspopup="false" class=""><a href="Member_teelist" class=".ftSlotConflitInit"><span class="">My Tee Times / Calendar</span></a></li><li aria-haspopup="false" class=""><a href="Member_teelist_list" class=".ftSlotConflitInit"><span class="">My Tee Times / List</span></a></li><li aria-haspopup="false" class=" lastItem"><a href="Member_joinMe_list" class=".ftSlotConflitInit"><span class="">Looking for Players to Join</span></a></li></ul></li> <li aria-haspopup="false" class="topnav_item"><a href="Member_events" class="ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons noChildren .ftSlotConflitInit" role="tab" id="ui-id-3" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="topnav_item">Events</span></a></li> <li aria-haspopup="true" class="topnav_item "><a href="#" class="ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-id-4" aria-controls="ui-id-5" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="topnav_item">Lessons</span></a><ul class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" id="ui-id-5" aria-labelledby="ui-id-4" role="tabpanel" aria-hidden="true" style="display: none;"><li aria-haspopup="false" class=""><a href="Member_lesson" class=".ftSlotConflitInit"><span class="">Individual Lessons</span></a></li><li aria-haspopup="false" class=""><a href="Member_lesson?group=yes" class=".ftSlotConflitInit"><span class="">Group Lessons</span></a></li><li aria-haspopup="false" class=""><a href="Member_lesson?all_search" class=".ftSlotConflitInit"><span class="">All Open Pro Lessons</span></a></li><li aria-haspopup="false" class=""><a href="Member_lesson?bio=yes" class=".ftSlotConflitInit"><span class="">View Pros' Bios</span></a></li><li aria-haspopup="false" class=" lastItem"><a href="Member_teelist_list?mode=lesson" class=".ftSlotConflitInit"><span class="">My Scheduled Lessons</span></a></li></ul></li> <li aria-haspopup="true" class="topnav_item "><a href="#" class="ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-id-6" aria-controls="ui-id-7" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="topnav_item">Handicaps</span></a><ul class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" id="ui-id-7" aria-labelledby="ui-id-6" role="tabpanel" aria-hidden="true" style="display: none;"><li aria-haspopup="false" class=" lastItem"><a href="Member_handicaps?todo=view" class=".ftSlotConflitInit"><span class="">View Handicaps and Scores</span></a></li></ul></li> <li aria-haspopup="true" class="topnav_item "><a href="#" class="ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-id-8" aria-controls="ui-id-9" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="topnav_item">Search</span></a><ul class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" id="ui-id-9" aria-labelledby="ui-id-8" role="tabpanel" aria-hidden="true" style="display: none;"><li aria-haspopup="false" class=""><a span></a></li> <li aria-haspopup="false" class="topnav_right_item helpNavItem"><a href="Member_help_rwd" class="ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons noChildren .ftSlotConflitInit" role="tab" id="ui-id-14" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="topnav_right_item helpNavItem">Help</span></a></li> <li aria-haspopup="false" class="topnav_right_item lastItem"><a href="Logout?u=311&ftc=0&ext=0&cl=GJONAS74912" class="ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons noChildren .ftSlotConflitInit" role="tab" id="ui-id-15" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="topnav_right_item">Exit</span></a></li></ul><a id="rwdHelpButton" href="Member_help_rwd" title="Menu" class="ftB-36-White ftB-36-Help ftB-36-Right helpTopic ft-helpLink .ftSlotConflitInit"><span></span><span>Help</span></a></div></div><div class="banner_container"><div class="rwd_banner"><div class="banner_title"><a id="title" href="Member_announce" class=".ftSlotConflitInit">The Club at Mediterra</a></div><div class="welcome_member"><span>Welcome,</span> <span>Stephen Smith</span></div><div id="weather"><a href="https://wwwa.accuweather.com/forecast.asp?partner=&zipcode=34110" <div class="slot_container" data- </div> <div id="footer"> <div class="modal_list pleaseWait_container"></div> <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front newpropushbelowmenu ui-dialog-buttons" tabindex="-1" role="dialog" aria-describedby="ui-id-16" aria-labelledby="ui-id-17" style="height: auto; width: 650px; top: 391px; left: 418px; display: block; z-index: 101;"> <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> <span id="ui-id-17" class="ui-dialog-title">Notice</span> <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close" style="display: none;"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"> </span> <span class="ui-button-text">Close</span> </button> </div> <div class="modal_list slotPageLoadNotification_container ui-dialog-content ui-widget-content" id="ui-id-16" style="width: auto; min-height: 97px; max-height: 924px; height: auto;"> <div class="sub_instructions"> Sorry, the time you requested is not available. Would you like an alternate time?<br> <br> The next available tee time is: <b>3:23 PM <br><br><br>Select "Continue" to use this alternate time.</b> </div> </div> <div class="pleaseWaitActivityIndicator" style="position: absolute; inset: 0px; display: none;"> </div><div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"> <div class="ui-dialog-buttonset"> <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"> <span class="ui-button-text">Go Back</span> </button> <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"> <span class="ui-button-text">Continue</span> </button> </div> </div> </div> <div class="ui-widget-overlay ui-front" style="z-index: 100;"></div></body></html> 我正在尝试访问在某些情况下显示的模式。我已经阅读了我能找到的所有内容，观看了有关该主题的 YouTube 视频，并进行了大量尝试，但没有成功。在我看来，模态内部的元素是不可访问的——我尝试过等待、睡眠等。我也尝试过切换到逻辑。我已附上两个元素的相关 HTML 和 XPATH 地址的副本。请注意，这些元素彼此相邻 - 第二个元素紧随第一个元素。我可以使用 xpath 查找元素访问第一个（/html/body/div[4]）（我收到一条键入的消息），但我无法访问第二个（[5]）** br.find_element(By.XPATH, "/html/body/div[4]") print(thread, "found modal list please wait container") sleep(5) br.find_element(By.XPATH, "/html/body/div[5]") print(thread, "line after modal list please wait container") **使用几乎相同的位置（xpath 地址略有变化）。如果有人能引导我走向正确的方向，我将不胜感激。感谢您的阅读。绝对xpath，例如： /html/body/div[4] 和 /html/body/div[5] 具有从根到我们想要识别的元素的完整路径，总是很脆弱，就像从根到元素的属性发生任何变化一样，我们的绝对xpath将变得无效。解决方案您可以使用逻辑 xpath，而不是绝对 xpath，如下所示： br.find_element(By.XPATH, "//div[@id='footer']/div[@class='modal_list pleaseWait_container']") print(thread, "found modal list please wait container") sleep(5) br.find_element(By.XPATH, "//div[@id='footer']/div[@class='ui-dialog ui-widget ui-widget-content ui-corner-all ui-front newpropushbelowmenu ui-dialog-buttons']") print(thread, "line after modal list please wait container") 此外，由于元素位于 Modal 内，理想情况下您需要为 presence_of_element_ located() 引入 WebDriverWait 并且您可以使用以下定位器策略: WebDriverWait(br, 20).until(EC.presence_of_element_located((By.XPATH, "//div[@id='footer']/div[@class='modal_list pleaseWait_container']"))) print(thread, "found modal list please wait container") WebDriverWait(br, 20).until(EC.presence_of_element_located((By.XPATH, "//div[@id='footer']/div[@class='ui-dialog ui-widget ui-widget-content ui-corner-all ui-front newpropushbelowmenu ui-dialog-buttons']"))) print(thread, "line after modal list please wait container") 注意：您必须添加以下导入： from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.common.by import By from selenium.webdriver.support import expected_conditions as EC

python selenium-webdriver modal-dialog

回答 1 投票 0

所有点击事件和链接在模式消失后停止工作？

当我登录我的应用程序并且 SingIn-Modal 组件在成功登录后消失时，我网站上的所有内容都变得不可点击： @click 事件不起作用链接不起作用文本不可选择

css vue.js modal-dialog vuejs3 tailwind-css

回答 0 投票 0

如何在 Next 13.4 中创建门户/模式

我想在 NextJS 13.4（使用新的 layout.tsx 文件系统）中创建一个 Modal，但我做不到。由于这是一个新事物，我也无法在网上找到解决方案。这是我的东西

reactjs next.js modal-dialog react-portal

回答 1 投票 0

Blazored Modal 弹出窗口中的确认按钮后刷新 UI - Blazor 客户端

我的页面上有一个调用 DeleteApplication.razor 组件并传入所选应用程序的方法：私有无效 deleteApplicationSubmit() { var 参数 = 新

modal-dialog blazor client webassembly blazored

回答 1 投票 0

Flowbite Modal 在页面之间切换时不会打开，直到您刷新页面

在第一次加载页面时在移动屏幕中单击按钮打开模态它确实打开了，但是在您转到另一个页面并尝试打开另一个模态后它没有打开并且您

reactjs modal-dialog tailwind-css flowbite

回答 2 投票 0

隐藏 B-Modal 组件，直到子组件返回值中的 API 调用

在 Vue 中，我有一个像这样的模型视图组件。代码在 Vue 中，我有一个像这样的模型视图组件。代码 <template> <b-modal ref="modalDialog" class="-modal" scrollable hide-footer :title="title" :visible="visible" > <my-second-component ref="valueEditor" :some-values:some-values @no-values="hideDialog" /> </b-modal> </template> <script> import MySecondComponent from ... export default { name: 'MyFirstComponent', components: { MySecondComponent }, ..... </script> 在我的第二个组件中我有 mounted () { this.getValues() }, async getValues () { try { const args = { ... } const response = await this.$api.some(args) this.Values = response.count ? response.results : [] // Close dialog if none found if (!this.values.length) { this.$emit('no-values') } ... } catch (e) { this.onError(e) } }, 因此，当模态窗口打开时，它会呈现第二个组件，并且该组件从 API 获取数据 - 如果没有，它会关闭模态窗口并发出 no-values 问题：如果没有从 API 返回值，模态窗口将闪烁。它打开然后迅速关闭。这让我们的客户很烦。所以我的问题是如何“隐藏”b-modal 窗口（但仍然启动该过程），以至于第二个组件不会返回是否有任何值。条件： Second组件在大型项目的多个地方使用。除非默认实现相同，否则行为不应更改，实现也不应更改。第一个组件不应该是静态的。有一些属性传递给第二个组件。如果我将第一个组件设置为静态，那么这些属性将在挂载时设置（并且未定义）并且在需要时不会更改。

vue.js modal-dialog vue-component bootstrap-vue

回答 0 投票 0

调整 HTML createTemplateFromFile

我有一个显示 HTML 表单的模式。模态设置为标准宽度。但我需要将模式调整为 900x900。经过2天的学习...无法做到..请给我解决方案（我是

html google-apps-script modal-dialog resize showmodaldialog

回答 0 投票 0

Button_click 上的 VBnet 需要运行代码隐藏功能然后打开模态对话框

我有一个应用程序，其中选择了 gridview 数据，完成后，用户单击一个按钮继续。那时我需要在代码隐藏中运行一个函数来处理所选项目。一次

javascript vb.net modal-dialog code-behind

回答 1 投票 0

（解决）Django Bootstap Modals 无法呈现模态内容

我正在尝试使用 Django Bootstrap Modal 创建一个简单的弹出窗口。但是我无法在模态正文中获取链接内容，并且当我尝试访问那里的内容时。我很困惑为什么我的链接内容...

python django bootstrap-4 modal-dialog bootstrap-modal

回答 2 投票 0

如何在 React / JS 中创建一个在内部像模式一样工作的工具提示？

有一个用例，其中一个父第三方网格在所有生成的单元格/行中都设置了溢出，这导致我们使用的任何工具提示由于 th 上的溢出设置而被切断...

javascript reactjs modal-dialog tooltip

回答 0 投票 0

（解决）Django Bootstap Modals 无法呈现模态内容

python django bootstrap-4 modal-dialog bootstrap-modal

回答 2 投票 0

如何使用链接触发模式

我的页面 (Next.js) 上有一个模式，它通过单击按钮触发：设置打开（真）}> 模态：我的页面 (Next.js) 上有一个模态，它通过单击按钮触发： <button type='button' onClick={() => setOpen(true)}> 模态： <Modal id='demo' show={isOpen} onClose={() => setOpen(false)} > 模态框默认隐藏。我想发送一个链接给客户。当客户点击链接时，他们将被带到模态打开的页面。是否有可能做到这一点？如何？非常感谢。我尝试将 id 放在 URL 中，例如：https://example.com/contact#demo，但没有成功。我正在考虑使用查询标记（？），但不知道它是如何工作的。如果 NextJS 与 react-dom 一起使用，那么您可以使用 useSearchParams 来自 react-router-dom import { useSearchParams } from 'react-router-dom' ... .... const MyComponent = () => { const [searchParams, setSearchParams] = useSearchParams(); const q = searchParams.get('demo') return ( ) }

html url next.js modal-dialog popup

回答 1 投票 0

Foundation 6 modal / reveal ajax keyboard trap focus 不起作用

我一直在试图弄清楚这个问题。我正在使用 ajax 模式来显示内容。不使用 ajax 的模式按预期工作。但是使用ajax的modal，重点还是在后台...

ajax modal-dialog

回答 0 投票 0

如何根据唯一 id 显示多个模态

我在后端使用 flask 和 python 来创建一个简单的网页，我试图在点击稍后观看按钮时为每部电影添加一个模式，但尽管我已经包含了 Javascript 文件

javascript html flask modal-dialog modalviewcontroller

回答 0 投票 0

Tailwind Flowbite 模态不适用于动画

我是 Tailwind CSS 的新手，我正在通过 CDN 使用 Flowbite 作为现成的组件。但是，许多选项不适用于动画。像那样，模态就是其中之一。所有模式总是以