【问题标题】:Bootstrap modals don't close引导模式不关闭
【发布时间】:2015-08-27 18:11:27
【问题描述】:

我需要同时关闭 2 个模式。为什么?

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

这是在 ASP.NET MVC 和 RAZOR 中。

这个 JS 不工作,你能帮帮我吗? 谢谢!!

    $(function () {

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

    });
        <!-- 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>	

【问题讨论】:

    标签: javascript jquery asp.net asp.net-mvc twitter-bootstrap


    【解决方案1】:

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

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

    注意:看起来你原来的$('.modal')modal('hide'); 也适用于我,这是一个小提琴,用它作为基础,看看它是否适用于你的项目,如果不是,我们将需要关于你的项目的更多信息。 http://jsfiddle.net/hxo5kccs/

    【讨论】:

    • $(".modal").each(function () { $(this).modal('hide'); } ); 根据你的喜好做同样的事情
    【解决方案2】:

    你能从 modal 中删除 data-dismiss="modal" 并尝试吗?

    【讨论】:

    • 我试过了,现在没有关闭。以前,如果我只打开一个 Modal,它们就会关闭,问题是当我尝试打开两个并想同时关闭它们时。明白了吗?
    • 然后 "$(".close-modal-edit").click(" 事件没有触发,你可以为锚添加 href="javascript:void(0);" (
    猜你喜欢
    • 2013-05-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-31
    • 1970-01-01
    • 1970-01-01
    • 2016-01-12
    相关资源
    最近更新 更多