Question

我有一个SignIn按钮，它打开一个模态，我使用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.

我尝试了很多像

这样的解决方案

数据解雇= “模态”

以及

$（ '＃loginpop'）。模态（ '隐藏'）

他们都没有为我工作。请提供一些东西。

提前致谢。

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

Answer 1

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

我包括：

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

newlogin.html 页面中的上述脚本，其中包含我的链接。我将id=#modal-clear添加到 / forgotpassword 链接并繁荣！

现在正在运作。

链接打开但模态背景保持

1 个答案: