bootstrap-modal 相关问题

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

React Modal始终使用一行中的相同记录

所以我有一个表显示来自API调用的多个作业。每个表行都有一个按钮,用于打开引导程序模式,显示有关该作业的更多信息。我的问题是模态...

回答 1 投票 0

在PHP Mysqli中插入数据后,在正文中显示成功消息

我必须使用Bootstrap Modal在jquery ajax中使用php mysqli在不插入页面刷新的情况下在php mysqli中插入数据,插入部分已经完成,但是我遇到了以下问题:-(1)显示成功消息(例如fadein ...

回答 1 投票 0

如何显示在Vue.js中创建/加载的组件/页面上的模式

我是Vue.js的新手,我在模式上苦苦挣扎。我想在用户导航到某个组件时首先加载模式窗口。我试图创建一些示例模态,如果单击按钮,它会打开...

回答 1 投票 0


我如何在php中使用Bootstrap Modal显示通知

我想替换echo“ alert('User is Loged In');”“;带有回声“ $('#modalNotification')。modal()”;在php中,但不会显示在...

回答 2 投票 -1

通过jquery触发登录模式

我正在尝试通过jQuery触发登录模式,但不起作用。我不明白为什么模态没有弹出?这是一个类似的问题,尽管没有解决问题,但请遵循答案。 ...

回答 1 投票 0

Jquery Delete函数一直尝试从数据表中删除同一对象,即使在关闭并重新打开模态之后

从数据表中删除第一个对象。我收到了成功的删除消息,但是当我尝试从数据表中删除另一个对象时,控制器中出现了空错误,因为它试图...

回答 2 投票 0

Angular:如何在ng-template中显示模态对话框(图表)

我的应用程序将Angular 8与Bootstrap和chart.js结合使用。我试图在Angular ng-template指令中呈现引导弹出窗口。用户单击最后一个时,将立即显示弹出窗口(图形)...

回答 1 投票 0

如何在Reactjs中实现引导程序模式[关闭]

我在reactjs中非常陌生,需要实现引导程序模式,我尝试了但没有用。 const onUpload = async(event)=> {if(fileUpload.length> 10){alert(`请仅上传...

回答 2 投票 -2

如何将变量从引导模式传递给PHP?

我想在打开模式时将data-id参数的值作为变量传递。我找到了许多与主题相关的答案,但是我是JS新手,无法实现任何解决方案。

回答 1 投票 0

Wysihtml5破坏了情态

如果我在模式中使用wysihtml5,则当我使用使用wyshtml5的形式打开模式时,它第一次运行良好。但是,当我关闭模式,然后第二次打开它时,则wysihtml5函数无法正常使用...

回答 1 投票 0

模式弹出窗口并在新选项卡中打开链接

我正在使用模式弹出窗口。我想选择的选项是,某个链接将在新窗口中打开,而不是在iframe中,而不是POPUP。现在看起来像这样:

回答 1 投票 0

关闭模式弹出按钮后的引导页面重定向

如果要关闭模式弹出窗口,我想重定向特定页面。我的代码将在下面提及: ] >>> 您可以使用hide.bs.modal实现您的目标: $('.modal_close').on('hide.bs.modal', function (event) { window.location.href = "login.php"; }) 从文档中:https://getbootstrap.com/docs/4.4/components/modal/#events jQuery(document).ready(function(e) { $('#myModal').on('hidden.bs.modal', function () { window.location.href = "/login.php" }) }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> <!-- Button trigger modal --> <button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div>

回答 2 投票 0


BS轮播在模式内-在下一张幻灯片上滚动顶部

我在BS模态中有一个BS轮播,并且轮播项内的内容非常长(您必须向下滚动)。因此,如果轮播项目更改,我希望页面滚动到顶部。 ...

回答 1 投票 0

弹出模式对话框时取消启动引导警报[同一链接上的数据关闭和数据切换]

使用最新的引导程序,我创建了一条带有链接的固定警报消息,该消息在单击时会打开一个模式。屏幕上显示模式POPS-UP,但警报保持打开状态。如何关闭警报...

回答 1 投票 0

带引导的VUE js模态不适用于我的vue项目

我在npm上安装了bootstrap,并采用了bootstrap的代码形式,并将其粘贴到我的代码中,但是它不起作用。我再走一个小时,但我不明白。这是代码 ]

回答 1 投票 0

如何实现在Bootstrap模式下不再显示功能?

我想使用引导程序模式,在该模式中,我需要提供“不再向我显示此内容”复选框,并且当用户单击该复选框时,不会再次向用户显示该模式。可以...

回答 1 投票 -1

如何在不损害第二个显示的情况下删除模态和背景

我有一个由$(document).on('click','.generate-modal-button',App.proposals.elementClickHandler)编写的模式;函数elementClickHandler(event){event.preventDefault(); $('#state-modal')....

回答 1 投票 0

Bootstrap模式无法正确显示

我面临一个问题,即引导模式无法正确显示。模态可以切换。如果已切换,它将在流程中显示为另一个DOM元素,而不是对话框。这就是我...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.