堆叠模态或其他一些可选jquery弹出模态
除了多个情态动词,还有其他选择吗。我需要多个情态动词的实例 单击主页中的Open modal(打开模态)时,打开一个模态(模态-a),这是一个表单,并在模态-a上打开一个链接以打开另一个模态(模态-B) 模态B也是一种形式,当模态B关闭时,模态a中的一些值需要更新, 当Modal-A关闭时,主页需要更新 为了完成这件事,我做了很多工作堆叠模态或其他一些可选jquery弹出模态,jquery,html,ajax,twitter-bootstrap,twitter-bootstrap-3,Jquery,Html,Ajax,Twitter Bootstrap,Twitter Bootstrap 3,除了多个情态动词,还有其他选择吗。我需要多个情态动词的实例 单击主页中的Open modal(打开模态)时,打开一个模态(模态-a),这是一个表单,并在模态-a上打开一个链接以打开另一个模态(模态-B) 模态B也是一种形式,当模态B关闭时,模态a中的一些值需要更新, 当Modal-A关闭时,主页需要更新 为了完成这件事,我做了很多工作 我正在使用BS3Bootply: 我解释: 打开模式,打开第二个模式,在输入中键入一些内容,关闭模式(交叉或取消,我没有编码保存更改),第一个模式的按钮被更新 J
我正在使用BS3Bootply: 我解释: 打开模式,打开第二个模式,在输入中键入一些内容,关闭模式(交叉或取消,我没有编码保存更改),第一个模式的按钮被更新 JS
$('#myModal1').on('hide.bs.modal', function(){
$('a').html( $('#myModal1 input').val() );
});
HTML:
<a href="#myModal" role="button" class="btn btn-default" data-toggle="modal">Launch demo modal</a>
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…
<a href="#myModal1" role="button" class="btn btn-default" data-toggle="modal">Launch demo modal</a>
</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>Type something here and close modal.... (cancel or close)</p>
<input>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
×
模态头
一个好身体…
接近
保存更改
×
模态头
在此处键入内容,然后关闭模式。。。。(取消或关闭)
接近
保存更改
Bootstrap的modals不支持堆叠。不过,有一些第三方插件实现了它。你能帮我解决一些问题吗,当Modal-B关闭时,Modal-A需要更新。嗯。。如果第二个模态的标记嵌入到第一个模态中呢?然后,内部模态的显示.bs.modal
,显示.bs.modal
,隐藏.bs.modal
,隐藏.bs.modal
事件将冒泡到父模态,不是吗?如果您想知道需要这样的情况,那么考虑一个主模态(及其相关的二次模态)的全部内容正在加载jQuery <代码>