Question

我需要在同一时间关闭2个模态。为什么呢？

我有2个模态，第一个显示信息，第二个显示排除确认。当我关闭第二个时我想要关闭所有模态。

这是在ASP.NET MVC和RAZOR中。

这个JS不工作，你能帮助我吗？的由于 !!

＆＃13;

    $(function () {

        $(".close-modal-edit").click(function () {
            $('.modal').modal('hide');
        });

    });

＆＃13;

        <!-- FIRST MODAL -->        
        <div class="portfolio-modal modal fade" id="dialog" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body text-left">
                                <a class="btn btn-success pull-right" data-dismiss="modal"> Close </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- CONFIRMATION MODAL -->
        <div class="portfolio-modal modal fade" id="dialog-exclude" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-content modal-content-edit">
                <div class="close-modal close-modal-edit" data-dismiss="modal">
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-lg-offset-4">
                            <div class="modal-body text-left">
                                <a class="btn btn-success pull-right close-modal-edit" data-dismiss="modal"><i class="fa fa-times"></i> Cancel </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

＆＃13;

Answer 1

这似乎对我有用。循环遍历模态对象并单独关闭它们。

   $(".close-modal-edit").click(function () {
       $.each($(".modal"), function (i, obj) {
            $(obj).modal('hide');
        });
   });

注意：看起来您的原始$('.modal')modal('hide');对我来说也适用于此，并将其作为基础使用，看看它是否适用于您的项目，如果不是，我们就需要有关您的项目的更多信息。 http://jsfiddle.net/hxo5kccs/

Answer 2

你能从两个模态中删除data-dismiss =“modal”并尝试吗？

Bootstrap模态不会关闭

2 个答案: