Bootstrap提供了一个JavaScript驱动的对话框元素，可用于替换原生对话框（在某种程度上）;与原生对话框不同，Bootstrap模式不能阻止执行流程。
我有一个Bootstrap modal，里面有很多内容，如下。 然而，事实证明，在模态的底部，有多余的高度模态 我试过使用最大高度
我在 VS 2019 和 Bootstrap 版本 2 中使用 ASP.NET MVC 5.2。 我有一个模态形式，CSHTML 代码是： 我在 VS 2019 和 Bootstrap 版本 2 中使用 ASP.NET MVC 5.2。 我有一个模态表单，CSHTML 代码是： <div id="modalSiblingDetails" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalSiblingDetailsLabel" aria-hidden="true"> <div class="modal-body"> @Html.EditorFor(x => x.DummySibling.DoBSiblinig, new { @class = "CDOPDoBSibling" }) <div id="CDOPDummyAgeOfSiblingDisplay"> @Html.EditorFor(x => x.DummySibling.AgeOfSibling) </div> <div class="form-actions"> <button class="btn btn-default closeModalForm" data-dismiss="modal" aria-hidden="true"> Cancel </button> <button class="btn btn-primary modalContactDetailsClose" id="modalContactDetailsConfirm"> Add details </button> </div> </div> </div> 我的 jQuery 代码是： $(document).on("click", ".add-sibling", function () { $("#modalSiblingDetails").modal({ "backdrop": "static" }); $("#CDOPDummyAgeOfSiblingDisplay").hide(); $(document).on("change", ".CDOPDoBSibling:visible", function () { console.log($("#CDOPDummyAgeOfSiblingDisplay").is('visible')); $("#CDOPDummyAgeOfSiblingDisplay").show(); //SetCDOPDoBSibling(this); }); }); 我想根据模态上的事件隐藏和显示div CDOPDummyAgeOfSiblingDisplay。我的问题是 ``div` 没有隐藏或显示。我在别处使用这种方法，但不是在模态形式上。 正在调用更改事件，控制台日志始终显示 false。如果我将初始隐藏移动到模态显示之前隐藏工作。 如何隐藏/显示div？
我是 ASP.NET 和 Web 开发本身的新手，但已经能够很好地理解控制器和视图 (MVC) 的基本工作原理。我设法创建了一个带有 Master-Deta 的 Create 视图...
我想从 livewire 组件发送集合到 livewire 刀片。 这是我的代码： 带电刀片中的按钮： 我想从 livewire 组件发送集合到 livewire 刀片。 这是我的代码： 带电刀片中的按钮： <button type="button" wire:click = "getShipmentHistory" class="btn btn-sm btn-info" data-bs-toggle="modal" data-bs-target="#exampleModal"> <i class="fa fa-history"></i> @lang('orders.shipment_history') </button> 我的 livewire 组件： public $shipment_history ; public function getShipmentHistory() { $this->shipment_history = OrderShipmentHistory::with(['creator:id,name', 'reason'])->where('shipment_id', $this->shipment_id)->get(); } 当我为$shipment_history尝试dd时，我得到了我的收藏；但是当我尝试访问它时，出现了这个错误： Uncaught TypeError: this._config is undefined from console 我想在模态引导程序中接收集合以循环显示数据。 foreach 在我的刀片中： @foreach($shipment_history as $history) <tr> <td>{{ $history->creator->name??'-' }}</td> <td>{{ $history->comment??t('no_comment') }}</td> </tr> @endforeach 如果你在你的刀片中使用@dd($shipment_history)可以看到收藏吗？
Bootstrap 3 模式中的 HTML 5 视频在单击关闭按钮时不会停止播放视频
我正在尝试将 HTML 5 视频放入 Bootstrap 3 模式，但是当我点击关闭按钮时，视频只是移到后台并继续播放。 这是我的模态代码： 我正在尝试将 HTML 5 视频放入 Bootstrap 3 模式，但是当我点击关闭按钮时，视频只是移动到背景并继续播放。 这是我的模态代码： <div aria-hidden="true" aria-labelledby="modal-video1-label" class="modal theme-alt modal-center-vertical" id="modal-video1" role="dialog" tabindex="-1"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <video controls="" preload="metadata" id="videoModal-1" style="width: 100%; height:auto; margin:0 auto; frameborder:0;"> <source src="tour-welcome_to_pethub-20230425a.mp4" type="video/mp4"> Your browser does not support the video tag. </source> </video> </div> <div class="modal-footer"> <button class="btn btn-info closemodal" data-dismiss="modal" type="button">Close</button> </div> </div> </div> </div> 我遇到过一些类似的问题并尝试了我遇到的解决方案，但没有一个对我有用。这些我都试过了： $("#modal-video1").on("hidden.bs.modal", function () { const video = document.getElementById("videoModal-1"); video.pause(); }); $("#modal-video1").on("hidden.bs.modal", function () { $("#videoModal-1")\[0\].pause(); }); $(".closemodal").click(function(){ const video = document.getElementById("videoModal-1"); video.pause(); } $('#modal-video1').on('hidden.bs.modal', function (e) { $("#videoModal-1").get(0).pause(); }) $('#modal-video1').on('hide.bs-modal', function(e) { $('#videoModal-1').trigger('pause'); }); 我不是很精通 JS，所以不确定我做错了什么。非常感谢任何帮助。
所以我有一个链接可以打开 bootstrap 4 模式。模态具有用户可以分页的数据。我的问题是当用户分页时。整个页面被刷新，bootstrap popup 是 ...
asyncSettings.successMessage 进入 Sweet Alert
我怎样才能把这个成功信息变成甜蜜的警报？ asyncSettings.successMessage 可以只包含字符串而不包含函数吗？ 模态形式（这个，{ formURL: "/invite-user/"+...
目前我在文本中显示 pdf 文档的名称，单击它时它会调用控制器，然后在屏幕上显示 PDF。 我想点击但不是打开另一个屏幕 pd ...
如何在 Django 中单击更新按钮之前显示个人资料图片（我选择更新的图片）
我正在做一个用户可以更新个人资料信息（用户名、个人简介、网址、个人资料图片）的项目。在 user_update.html 文件中，我在 m...
我试图在延迟后显示 Bootstrap 模式，但只显示主页。请在下面查看我的代码（未检测到错误）。 应用程序.js： 从“反应”导入{useEffect，useState}； 我...
我正在尝试在滚动事件上触发引导模式。我设置了一些 JS 来添加我在使用按钮触发模态时看到的类，认为只需添加 c ...
bootstrap 5 modals on mobile with viewport tag
我写了一个使用标签的网络应用程序 自动放大手机，一切正常......
Bootstrap video Modal 不会自动播放，即使退出也会继续播放
我有一个出现的引导模式，我希望它在弹出窗口出现后自动播放。现在你必须点击播放按钮才能播放。另外，当我关闭模态时，视频继续......
我有一个 Bootstrap 模式弹出窗口，当单击“播放”按钮时会显示该弹出窗口。但是，当它出现时，导航似乎向右移动了一点。我不明白为什么。 JS到
我在选项卡中有部分视图 我在选项卡中有部分视图 <button class="tabs" disabled id="tab_six" onclick="setColor('tab_six');displayButton('button_six')" href="#documents" aria-controls="documents" role="tab" data-toggle="tab"> Documents </button> 选项卡呈现局部视图： <div class="tabDivs" id="docView" style="padding-top: 35px">@{Html.RenderPartial("GetDocuments");}</div> 在部分视图中，我有一个模式弹出窗口。我想要模态使用数据背景=“静态”。当我这样做时，整个页面模态和所有页面都变灰了，我无法点击任何地方或做任何事情。如果我更改 data-backdrop="static" data-backdrop="false" 一切正常，但我想使用 data-backdrop="static"。我相信它与标签有关但不确定。这是局部视图： <button class="tabs" disabled id="tab_six" onclick="setColor('tab_six');displayButton('button_six')" href="#documents" aria-controls="documents" role="tab" data-toggle="tab"> Documents </button> <div class="tabDivs" id="docView" style="padding-top: 35px">@{Html.RenderPartial("GetDocuments");}</div> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop"> Launch static backdrop modal </button> <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Understood</button> </div> </div> </div> </div>
如何删除特定模态的引导模态覆盖。 当模态出现时背景有黑色和一些不透明度 是否有删除该元素的选项...
在动态添加一些内容后，Bootstrap 5 Modal 在滚动时无法正常工作 - 这会导致 Modal 的高度超过之前的
Bootstrap 5 Modal 在动态添加一些内容后无法在滚动上正常工作 - 这会导致 Modal 的高度超过之前的高度。 让我解释！ 我通过单击打开了一个 Bootstrap Modal ...
我正在做一个网络应用程序项目，用户可以在其中更新个人资料图片以及他们的名字、姓氏、简历、网址和用户名。我在 user_update.html 中使用 bootstrap 4 模态作为个人资料图片
我正在做一个网络应用程序项目，用户可以在其中更新个人资料图片以及他们的名字、姓氏、简历、网址和用户名。我在 user_update.html 中使用 bootstrap 4 模态作为个人资料图片