bootstrap-modal 相关问题

Bootstrap提供了一个JavaScript驱动的对话框元素，可用于替换原生对话框（在某种程度上）;与原生对话框不同，Bootstrap模式不能阻止执行流程。

如何在 ASP.NET Core 5 中生成模态编辑表单？

我有一个表格，我尝试从中获取信息并将其填充到模态中。问题出在我试图获取信息的地方。从我查看的信息来看，似乎这样做的方法是......

c# asp.net-mvc asp.net-core bootstrap-modal

回答 0 投票 0

用于更新数据的 Laravel 9 MODAL 不起作用 [此集合实例上不存在属性 [id]。]

大家好我需要帮助我正在使用模态更新数据功能但它不起作用它总是错误“属性[id]在此集合实例上不存在。” （Laravel 9 + 嘘......

bootstrap-modal bootstrap-5 laravel-9

回答 0 投票 0

如何在引导模式中使用 Javascript 嵌入 <video> 标签？

我正在尝试将视频嵌入到作业的引导模式中，但我不知道为什么我无法让它工作。我试过这个迭代我正在尝试将视频嵌入到作业的引导模式中，但我不知道为什么我无法让它工作。我试过这个迭代 <h3 id = "giza_Pyramid" data-toggle="modal" data-target="#pyramid";>The Giza Pyramids</h3> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit culpa eligendi enim suscipit voluptatibus consequatur pariatur aut incidunt quo dicta, cumque quidem iste recusandae esse explicabo modi voluptatem, eum optio. </p> <script> if ( document .querySelector("#giza_Pyramid") .addEventListener("click", function () { document.querySelector("#modal_body").textContent = ( <video class ="giza_Pyramid" width = "450" height = "350" controls src= "Media/gizapyramids.mp4"></video> ); }) ); </script> 这基本上是我用来让它工作的，但是当我尝试它时，我得到如下所示的错误。 Uncaught SyntaxError: expected expression, got '<' 关于我可以尝试的任何其他功能的任何建议都可以提供帮助请试试这个： document.getElementById("giza_Pyramid").addEventListener("click", function () { document.querySelector("#modal_body").innerHTML = '<video class ="giza_Pyramid" width = "450" height = "350" controls src= "Media/gizapyramids.mp4"></video>'; }) 使用 innerHTML 的原因是因为包含 HTML 标签。谢谢。

javascript html bootstrap-modal

回答 1 投票 0

如何在 laravel 中使用 Ajax 从我的引导模式收集数据？

所以我在我的视图中添加了一个 boostrap 模态表单，我集成了 ajax 以从中收集数据并将它们插入我的数据库中，问题是该表单没有做任何事情，我无法确定

javascript php ajax laravel bootstrap-modal

回答 2 投票 0

Bootstrap Modal 打开但保持灰色背景，无法关闭或与模态交互

我正在使用 Bootstrap 的 Modal 类在单击按钮后出现模态。代码有效-单击按钮并出现模态，但是，整个屏幕变灰并且模态

bootstrap-modal

回答 6 投票 0

Bootstrap (5.3.0) 导航栏折叠将右对齐资产推送到换行符

我已经把代码放在codeply上了，看看我的意思： https://www.codeply.com/p/t0wDqYIOrh 基本上我使用的是 bootstrap 5.3.0（使用 cdn 下载），我的看起来像这样：... 我已经把代码放在codeply上了，看看我的意思： https://www.codeply.com/p/t0wDqYIOrh 基本上我使用的是 bootstrap 5.3.0（使用 cdn 下载），我的看起来像这样： <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="/">MYSITE</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="/">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li> <hr class="dropdown-divider"> </li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> </li> </ul> <form class="d-flex" method="post" action="/search/"> <input type="hidden" name="csrfmiddlewaretoken" value="1IcEXVTEo3iOSRkCYvgdqbXFoKKDoFV2PRURgO8y9d77b3zilbNjUNEhQ1jX5uAP"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn btn-outline-success me-2" type="submit">Search</button> </form> <form class="d-flex" method="post" action="/logout/"> <input type="hidden" name="csrfmiddlewaretoken" value="1IcEXVTEo3iOSRkCYvgdqbXFoKKDoFV2PRURgO8y9d77b3zilbNjUNEhQ1jX5uAP"> <button name="create" type="submit" class="btn btn-warning">Logout</button> </form> </div> </div> </nav> 当我调整窗口大小时，导航栏确实折叠但“注销”按钮被推到新行。在桌面模式下一切看起来都很好。对于展开和折叠我都想要： <input search> <button search> <button logout> 不是： <input search> <button search> <button logout> 我试过使用注销和提交表单项的类值，包括为每个添加 me-2 类。对我没有任何帮助。

bootstrap-modal bootstrap-5 nav

回答 0 投票 0

页面上的几个模态图像

我是 JS 的新手，我正在尝试使用以下代码在同一页面上使用 2 个模态图像： https://www.w3schools.com/howto/howto_css_modal_images.asp 使用此 HTML、JS 和 CSS 视图调整大小仅适用于一个

javascript jquery html css bootstrap-modal

回答 5 投票 0

ngBootstrap Modal 除非在第二次点击后才会显示

我创建了一个名为 ImportCardModalComponent 的模态组件。如果登录失败，必须打开该组件。如下所示： this.authSerivce.logInRegular(this.model).then(result => ...

javascript css angular bootstrap-modal ng-bootstrap

回答 2 投票 0

为什么我的氧气生成器加载在我的可滚动模式的底部？ [关闭]

当我打开我的增氧机模态时，我遇到了这个问题，它首先查看底部，我希望每次打开模态时它都能查看顶部。我已经尝试使用 window.scrollTo(0,0); 还...