bootstrap-modal 相关问题

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

无法读取模态弹出窗口 Bootstrap 5.1 中未定义的属性“classList”

我在 bootstrap 5.1 模式弹出窗口中遇到问题并收到错误 Cannot read property 'classList' of undefined 。我尝试了显示模式弹出窗口的两个代码，但仍然存在相同的问题。我想要...

javascript bootstrap-modal

回答 4 投票 0

我已将 Bootstrap 5 作为 Nuget 包包含在内，并尝试在页面上设置模式。 Bootstrap 5 的其他方面都按预期工作。我已将 Bootstrap 5 作为 Nuget 包包含在内，并尝试在页面上设置模式。 Bootstrap 5 的其他方面正在按预期工作。 <div class="col-12"> <button type="button" class="btn entry-button" data-bs-toggle="modal" data-bs-target="#logInModal">Log In</button> <div class="modal" id="logInModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> It works </div> <div class="modal-body"> It works </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <button type="button" class="btn entry-button">Create Account</button> </div> 我正在一个带有 ASP.NET 后端的 Angular 项目中执行此操作。编辑：该按钮在窗口中显示正常，我可以单击它，并且控制台中没有发生错误。我还没有使用过“index.html”文件。就是这个： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>ActreelClient</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root></app-root> </body> </html> 所有其他引导功能都工作正常。安装引导程序和@types/boostrap npm i bootstrap npm i @types/boostrap 更改 angular.json 以包含 bootstrap.css 和 bootstrap.bundle.min.js "scripts": ["node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"], "styles": [ "node_modules/bootstrap/dist/css/bootstrap.css", "src/global_styles.css"], 只需复制 bootstrap 中的示例即可注意：在这个 stackblitz 中，如果您想要一些灵感，我会使用最流行的引导组件。

angular bootstrap-modal bootstrap-5

回答 1 投票 0

如何在codeigniter 3中显示动态模式弹出窗口

我正在开发一个 Codeigniter 项目，该项目以卡片的形式显示数据库信息，并有一个“阅读更多”选项。我想显示带有所选行内容的模式弹出窗口。为了...

codeigniter bootstrap-modal

回答 1 投票 0

将整个变量传递给boostrap模态[重复]

我有一个主表页面，它加载查询结果，侧面有一个菜单（或者更确切地说是一组按钮）。我的问题是，当我从表中加载模态时，我只看到“id...

php bootstrap-4 bootstrap-modal

回答 1 投票 0

关闭引导模式时，按钮事件不会被忽略

我用这种方式打开模式对话框：让 myModal = new bootstrap.Modal('#myModal', { 键盘：假，背景：“静态” }); #myModal 中有一个按钮，我可以绑定单击...

jquery bootstrap-modal

回答 1 投票 0

Angular-ui 分页不适用于模式

我无法使 Angular-UI 分页在模态上工作，并且没有收到任何错误。从没有模式的工作分页复制代码，但不再工作。这是我的笨蛋：我无法使 Angular-ui 分页在模态上工作，并且没有收到任何错误。从没有模式的工作分页中复制了代码，但不再工作了。这是我的笨蛋： <a href="https://plnkr.co/edit/5JHKpdmLMVBFlmL22SGC?p=preview">Plunker</a> 这是我没有模态的起点： <a href="https://plnkr.co/edit/mQUSVxj3PWtZWL0tYD2z?p=preview">Plunker</a> 感谢您的帮助我要进行手动寻呼，因为我在网上没有找到太多与此相关的信息。

angular pagination bootstrap-modal angular-ui-bootstrap angular-ui

回答 1 投票 0

引导模式：class =“modal fade”导致问题

我正在尝试让引导模式教程在我的 view.ejs 文件中工作。但 class="modal fade" 似乎引起了问题。如果我删除 class="modal fade"，模态将永久显示您...

html css twitter-bootstrap angular-ui-bootstrap bootstrap-modal

回答 3 投票 0

如何关闭 Angular Bootstrap 模式

我正在使用 Angular 4、Firebase 和 Angular Bootstrap。我打开模式，这是一个用户表单，其想法是在用户使用其中一种登录方法登录后立即关闭模式（

javascript angular bootstrap-modal angular-bootstrap

回答 8 投票 0

如何使用 JavaScript 将动态内容加载到 modal/offcanvas 中？

如何使用 JavaScript 将动态内容加载到 Bootstrap 5 模式中？我有例如索引.php。我想打开一个带有按钮的模式。该按钮应传递一个 URL（例如 /example.php）然后我...