Bootstrap modals - 单击第二个关闭第一个答案

【问题标题】：Bootstrap modals - Close first by clicking secondBootstrap modals - 单击第二个关闭第一个
【发布时间】：2017-02-07 13:57:31
【问题描述】：

美好的一天。我在页面上有两个引导程序 3 模式的实例。
例如，第一个：是“授权”模式，第二个：是“忘记密码”模式，它通过第一个模式中的链接调用。第二个模式也有第一个的反向链接。这是代码（授权）：

<div class="modal fade" id="modal-authorization" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog authorization" role="document">
        <div class="modal-content">
            <div class="modal-inner authorization">
                <div class="modal-inner__title">
                    Authorization
                </div>
                <form action="">
                    <input class="modal-inner__input" type="text" placeholder="Login" required>
                    <input class="modal-inner__input" type="password" placeholder="Password" required>
                    <button class="btn btn-vote" type="submit">Sign In</button>
                </form>
                <a data-toggle="modal" data-target="#modal-restore">
                    Forgot Password?
                </a>
                <a class="modal-close" data-dismiss="modal">X
                </a>
            </div>
        </div>
    </div>
</div>

第二个模态，“忘记密码”：

<div class="modal fade" id="modal-restore" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog restore" role="document">
        <div class="modal-content">
            <div class="modal-inner authorization">
                <div class="modal-inner__title">
                    Forgot Password?
                </div>
                <form action="">
                    <input class="modal-inner__input" type="email" placeholder="Enter your E-mail" required>
                    <button class="btn btn-vote" type="submit">Get new Password</button>
                </form>
                <a data-toggle="modal" data-target="#modal-authorization">
                  Go to Authorization
                </a>
                <a class="modal-close" data-dismiss="modal">
                    X
                </a>
            </div>
        </div>
    </div>
</div>

如您所见，我有与data-target="#modal-restore" 的链接，它从第一个调用第二个模态，data-target="#modal-authorization" 从第二个调用第一个模态。

我需要它，以便当我从另一个窗口打开第二个或第一个窗口时，另一个应该被关闭。我找不到我的问题的解决方案。

【问题讨论】：

标签： javascript jquery twitter-bootstrap bootstrap-modal

【解决方案1】：

仅将data-dismiss="modal" 添加到打开第二个模式的链接

<a data-toggle="modal" data-target="#modal-authorization" data-dismiss="modal">
    Go to Authorization
</a>

【讨论】：

谢谢！这就是我要找的东西！

【解决方案2】：

从关闭按钮中移除 data-dismiss 属性。通过click事件调用popup方法关闭模态弹窗。

    function close(id) {
      $('#id').modal("hide")
    }

【讨论】：