bootstrap-modal 相关问题

这是我的引导模态代码 <form class="form-horizontal" method="post" name="addform" id="formid"> <div id="myModal" > <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> <h3 id="myModalLabel">Add Question</h3> </div> <div class="modal-footer"> <input type="button" onClick="aj_add_question(<?=$id?>);" class="btn btn-primary" id="add_button" name="Add" value="Add Question"> <button type="button" class="btn btn" data-dismiss="modal" aria-hidden="true">cancel</button> </div> </div> <div class="modal-footer"> <input type="button" value="Add Page" onclick="aj_add_page();" class="btn btn-primary" /> <button type="button" class="btn btn" data-dismiss="modal" aria-hidden="true">cancel</button> </div> </form> 现在onclick add问题我必须关闭当前弹出窗口然后我写了代码 <script> $(document).ready(function(){ alert("Question Added.."); $('#formid').hide(); }); </script> 它会藏起来，但要屏幕黑色我认为您不正确使用模态弹出语法，您可以尝试以下操作： <div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodaltitle" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> **--- put your form here** </div> <div class="modal-footer"> </div> </div> </div> </div> ，然后正如其他人建议使用$（“＃mymodal”）。模式（'hide'）

javascript php bootstrap-modal

回答 1 投票 0

bootstrap模态在React中不起作用。有人可以帮我吗？

reactjs bootstrap-modal bootstrap-5

回答 1 投票 0

如何处理登录错误并在模态窗口中显示它们而不重新定向？每个人。我有一个模态窗口和登录方法，即登录页面没有单独的视图。我面临问题，当登录数据不正确时，它会直接显示错误...

解决了这个问题

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

回答 1 投票 0

嵌套 TinyMCE 模态输入控件未获得焦点

在一页上加载 5 个 TinyMCE 编辑器失败后，我决定创建“编辑”按钮，然后将编辑器加载到模式中。在一页上加载 5 个 TinyMCE 编辑器失败后，我决定创建“编辑”按钮，然后将编辑器加载到模式中。 <Modal.Body> <FormGroup className="mb-3"> <Editor name="text" label="Text" /> //My TinyMCE object </FormGroup> </Modal.Body> 但是，当任何 TinyMCE 功能打开自己的模式时，其输入控件都不会获得焦点。尝试在 Bootstrap Modal 上将 autoFocus 设置为 false 但仍然没有用。我发现这个问题过去已经得到解决，如这个问题。然而，同样，大多数响应都是针对我不熟悉的 jQuery 定制的。有基于 React 的解决方案吗？假设您正在使用react-bootstrap库，那么您需要将enforceFocus属性设置为false（而不是autoFocus）。请参阅https://react-bootstrap.github.io/components/modal/#modal-props 需要这样做的原因是引导程序将尝试确保焦点永远不会离开模式对话框以实现可访问性。这通常很好，但在这种情况下，它与 TinyMCE 冲突，TinyMCE 本身需要打开新的模式对话框并将内容集中在其中（正如您已经提到的那样）。我在使用 mui 材料对话框时也遇到了同样的问题。我找到了在对话框中添加此关键字的解决方案disableEnforceFocus, disableRestoreFocus 示例解决方案： <Dialog fullScreen open={open} TransitionComponent={Transition} disableEnforceFocus disableRestoreFocus >

reactjs tinymce bootstrap-modal

回答 2 投票 0

将不同字段的值传递到模态表单中

我有一个基于xampp的项目，使用html，javascript，jquery和bootstrap。我已经完成了项目的编辑窗口。我有一系列包含不同数据的选项卡。在其中之一...

html jquery bootstrap-modal

回答 1 投票 0

在模态引导程序内提交 Angular Reactive Form 事件不起作用 -

我在模态引导弹出窗口中有一个基本的角度反应形式，它根本不提交。即 Angular ngSubmit 事件没有被触发！请看看这个 stackblitz...

angular bootstrap-modal angular-reactive-forms angular19

回答 1 投票 0

Livewire 3 和 Alpine.js 向导：Alpine 表达式中出现意外令牌“}”错误：“$wire。”

我正在使用 Livewire 3 和 Alpine.js 3.4.2 在 Laravel 项目中构建一个向导。主向导和每个步骤都是 Livewire 组件。一切正常，直到我单击“保存”，但是......