在我的代码中有两个弹出窗口。第一个用于登录,第二个用于重置密码。 第二个弹出窗口的链接在登录弹出窗口内。我想在单击链接忘记密码时自动关闭登录弹出窗口。
<a href="#" data-toggle="modal" data-target=".loginform">Login</a>
<!- Login Popup start-->
<div id="login" class="modal fade loginform" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
....
<label>
<input type="checkbox"><span style="font-size:12px;display:block;">Remember me</span>
</label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<a data-toggle="modal" data-target=".forgotpassword" href="#" style="float:left;font-size:14px;">Forgot Password</a>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Login</button>
</div>
</div>
<!-- /.modal-content -->
</div>
</div>
<!- popuplogin end-->
<!- Popup forgot password start-->
<div id="forgot" class="modal fade forgotpassword" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
.......
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Reset</button>
</div>
</div>
<!-- /.modal-content -->
</div>
</div>
<!- popup end-->
最佳答案
为忘记密码链接保留一个 ID,然后点击 $('#login').modal('hide');
$("#forgotPass").click(function(){
$('#login').modal('hide');
});
关于jquery - Bootstrap 3 : How to close popup using jQuery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21598602/