data-dismiss ="modal"关闭MVC局部视图中同一页面上的所有打开模态对话框

Question

我正在研究两个不同的部分视图,它们是一起工作的.

当在一个页面上使用多个模态同时打开时,使用data-dismiss ="modal"解除最顶层将隐藏所有活动模态,

在我的情况下,我在模式对话框中使用一个组件,而该组件又使用模态对话框.

你可以在图像中找到3个不同的视图,

1. 背景中的黑色,
   

2. 编辑(部分视图),
   

3. 警告消息(部分视图).

多个模型同时打开但需要关闭预期,这是最顶层/当前不是所有模型.

HTML

<div class="modal fade" id="myModal" ng-model="mymodel">
    <div class="modal-dialog">
        <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>
                <h2 class="modal-title">Are you sure want to Change in Amount?</h2>
            </div>
            <div class="modal-body">
                <p class="text-danger" style="font-size:initial;color:black;font:200">Click save to change the Amount.&hellip;</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-inverse" onclick="savedata()">Save</button>
                <button type="button" data-dismiss="modal" class="btn btn-inverse">Cancel</button>
            </div>
            <div class="row-fluid span12">

            </div>
        </div>
    </div>
</div>

Answer 1

data-dismiss="modal"从按钮中删除并使用Jquery可以关闭一个特定的.modal创建一个函数并在函数内部使用以下代码并在关闭按钮上调用该函数

$('#modalid').modal('hide');

Answer 2

这对我行得通。仅关闭该模式。没有额外的功能。

<button type="button" class="close" onclick="$('#my_modal').modal('hide');" aria-label="Close">