打开另一个上面的模态会在第二个模态关闭时禁用第一个模态的滚动

Question

我有两个弹出式div，一个用于登录：

<!-- sign in Modal -->
    <div class="modal fade login_popup" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    ....
</div>

一个用于注册：

<!-- sign up Modal -->
<div class="modal fade login_popup" id="sign_up" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

问题是当我尝试点击从登录弹出的注册时，关闭注册后挂起第一个打开的弹出窗口（登录），它不滚动或任何东西。

我需要的是一次只打开一个弹出窗口而不挂断。

我尝试触发点击第二个弹出模式并触发第一个弹出关闭。它关闭了第一个弹出窗口，但弹出窗口仍然挂起。