modal-dialog 相关问题

反应模式的下滑动画

我已经在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('地址验证模式');

如何在Flutter中的showModalBottomSheet中显示全高视图？

感谢您的阅读。 我想做的是导航到 modalBottomSheet 内的全高度视图。 重点是我在showModalBottonsheet()时使用了onGenerateRoute，因为没有...

SwiftUI 底部工作表，如笔记应用程序的格式选项卡

目前，我必须实现底部工作表。我找到了我需要的例子。 这个组件系统组件是swift的还是swiftui的？ 还是我需要自己实施？ 一开始我执行...

WinUI 3 中的自定义内容对话框

在我的程序中，我有一个带有多个选项卡的 TabControl，每个选项卡中可能有一个用户可以随时打开的对话框。我使用对话框允许用户将内容输入数据库。 ...

模态背景 - 如何去除背景颜色

将 livewire 添加到我的 laravel 项目后，每个抽屉/模式弹出窗口都会创建一个背景，隐藏弹出窗口下的所有内容。我已经设法摆脱了抽屉背景......

在项目列表中，当单击列表中的位置图标时，只有相关的地址模式才会使用reactjs打开

在 REact Js 中，我有一个项目列表，列表中的每个项目都有一个位置图标链接，用于打开模式并需要显示相应的地址。 但对我来说，当我点击特定位置时......

如何控制daisyUI tailwind模态默认打开

我设置了daisyUI但不知道如何通过条件控制模态 我认为与 flowbite 或 bootstrap 类似 https://flowbite.com/docs/components/modal/ 但 daisyUI 还没有实现隐藏类，...

模态形式的未定义变量 $errors Laravel

我打开模态时出错。这是我的代码： 添加新数据 我打开模态时出错。这是我的代码： <div> <x-button onclick="viewFormAdd()" data-bs-toggle="modal" type="button">Add New Data</x-button> </div> <script> function viewFormAdd() { $.get("{{ route('kategori.create') }}", {}, function(data, status) { $('.viewmodal').html(data).show(); $('#modalCreateKategori').modal('show'); } ); } </script> 创建Kategori.blade.php <x-modal modalId="modalCreateKategori" modalTitle="Tambah Kategori"> <form method="post" action="{{ route('kategori.store') }}" class="formtambah"> @csrf <div class="grid grid-rows-2"> <div> <x-label>Nama Kategori</x-label> <x-input type="text" name="nama_kategori" id="nama_kategori" /> @error('nama_kategori') <small>{{ $message }}</small> @enderror </div> <div class="justify-end items-center"> <x-button type="submit">Simpan</x-button> </div> </div> </form></x-modal> 阿贾克斯： <script> $(document).ready(function() { $('.formtambah').submit(function(e) { e.preventDefault(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ type: "post", url: $(this).attr('action'), data: $(this).serialize(), dataType: "json", success: function(response) { if (response.tersimpan) { Swal.fire({ position: 'center', icon: 'success', title: 'Tersimpan!', text: response.tersimpan, showConfirmButton: false, timer: 1500 }) $('.btn-close').click(); dataKategori(); } }, error: function(xhr, thrownError) { alert(xhr.status + "\n" + xhr.responseText + "\n" + thrownError); } }); return false; }); });</script> 我的控制器： public function create() { return view('kategori.createKategori'); } /** * Store a newly created resource in storage. * * @param \Illuminate\Http\Request $request * @return \Illuminate\Http\Response */ public function store(KategoriRequest $request) { $kategori = new Kategoris; $kategori->namakat = $request->nama_kategori; $kategori->save(); $msg = [ 'tersimpan'=> 'Produk baru berhasil tersimpan!' ]; return response()->json($msg); } 我的类别请求： class KategoriRequest extends FormRequest{ public function authorize() { return true; } /** * Get the validation rules that apply to the request. * * @return array<string, mixed> */ public function rules() { return [ 'nama_kategori' => 'required' ]; } public function messages() { return[ 'nama_kategori.required' => 'Maaf, nama kategori harus diisi' ]; } } 当我打开模态时，模态不起作用并出现错误“未定义变量 $errors（查看：C:\xampp\htdocs ewsinartimur_laravel_9 资源视图\类别

C# OpenFileDialog 非模态可能

是否可以创建/拥有非模态 .net OpenFileDialog 我在主对话框中有一个 UI 元素，始终需要可供用户按下。

模式内的antd表单未在reactjs中提交

我正在尝试在模式表单内提交表单，但该表单未提交且未显示任何错误。 我的组件有两种形式。当用户单击按钮时，它会打开模式...

如何处理对话框（模态）上的“外部”点击？

单击框外时，我的框会关闭，使我丢失所有输入。 我希望仅在单击取消按钮时关闭我的框。 我不确定是什么让它在点击退出时关闭......

React-leaflet 在 Modal 中无法正确显示

大家！我尝试在我的 React 项目中使用 Materialise 风格的 React-leaflet。当我打开模态组件时，我看不到地图。我安装了npm install react-leaflet，也在index.html中添加了 大家！我尝试在我的 React 项目中使用 Materialise 风格的 React-leaflet。当我打开模态组件时，我看不到地图。我安装了 npm install react-leaflet，还在index.html [email protected]/dist/leaflet.css 中添加了“ 完整性=“sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=” 跨域=“”/> import React, { useEffect, useRef } from "react"; import PropTypes from "prop-types"; import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet"; export const MapModal = ({ lnglat }) => { const mapRef = useRef(null); useEffect(() => { // Clean up the map instance when the modal is closed return () => { if (mapRef.current) { mapRef.current.remove(); } }; }, []); return ( <div id='MapModal' className='modal'> <div className='modal-content'> <MapContainer center={[48.0196, 66.9237]} zoom={5} style={{ height: "50vh", width: "100%" }} ref={mapRef} > <TileLayer attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' url='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' /> <Marker position={lnglat}> <Popup> A pretty CSS3 popup. <br /> Easily customizable. </Popup> </Marker> </MapContainer> </div> </div> ); }; MapModal.propTypes = { lnglat: PropTypes.array, }; 请帮我解决这个问题吗？ 将此添加到导入中import 'leaflet/dist/leaflet.css';我遇到了同样的问题，这解决了它。 你需要添加一个中间组件来等待引导模态完成初始化，即从你的主组件中添加一个中间组件，在中间组件中你必须设置一个设置的超时时间，例如： useEffect(() => { setTimeout(function() { setShowMap(true); }, 2000); }, [isShowMap]); //In the return: { showMap ? < CustomMap lat = { lat } lng = { lng } setlat = { setlat } setlng = { setlng } />: < div > < /div> }

Angular 6 - 将组件显示为来自组件的模式对话框。ts

在从组件执行提交操作后，我尝试显示模式确认弹出窗口。 我的 home.component.ts 中的 onSubmit() 方法： onSubmit() { var 响应 = 新响应...