javascript - 链接打开但模态背景仍然存在

Question

我有一个登录按钮，它会打开一个模态，我在其中使用 ng-include 在该模态中显示另一个 html 页面。请看下面的代码:

<div class="modal fade" id="loginpop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            </div>
            <div class="modal-body">
                <div ng-include="'views/newlogin.html'"></div>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

现在在“newlogin.html”中，我有一个链接，如下所示:

<a href="/forgotpassword" onclick="$('#loginpop').modal('hide')">Forgot Password</a>

点击它，应该重定向到/forgotpassword 页面，该页面工作正常，但模态背景仍然存在。 You can see it here.

我尝试了很多解决方案，比如

data-dismiss="modal"

还有

$('#loginpop').modal('hide')

它们都不适合我。请提供一些东西。

提前致谢。

我是 stackoverflow 的新手，所以请忽略任何差异。

Answer 1

我终于可以使用脚本来解决上述问题了。

我包括:

$('#modal-clear').click(function(){
$('#loginpop').modal('toggle');
$('.modal-backdrop').remove();

newlogin.html 页面中的上述脚本我有链接。我在 /forgotpassword 链接中添加了 id=#modal-clear 并且砰的一声!

现在可以使用了。