如何隐藏引导以前模式,当你打开新的?(How to hide Bootstrap previous

2019-07-31 19:00发布

我有这样的烦恼:我有使用引导模态做认证。

当用户在打开模态的标志,他可以去注册模式(或其他)。 所以,我需要关闭前一个。

现在我收他们是这样的:

$(document).ready(function(){
  $("a").click(function() {
  $("#login").hide();
  $("#sign_up").hide();
 })  
});

但是当我这样做 - 我不能在模态重开的星座,直到(点击从登录注册后)我刷新页面。

有人建议可以如何检查我点击链接什么模式并关闭它,当调用另一个呢? 有没有通用的方法来关闭之前的模式?

Answer 1:

你隐藏与引导情态动词:

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

话说$().hide()使匹配元素看不见,但只要模态相关的代码而言,它仍然存在。 见方法部分情态动词的文档 。



Answer 2:

切换这两种情态动词

$('#modalOne').modal('toggle');
$('#modalTwo').modal('toggle');


Answer 3:

我已经能够做的最好的是

$(this).closest('.modal').modal('toggle');

这得到了模态抱着你触发(猜你点击一个按钮)事件的DOM对象。 获取最接近父“.modal”并切换它。 显然只适用,因为它是你点击的模式里面。

然而,你可以这样做:

$(".modal:visible").modal('toggle');

这得到所显示(因为你只能有一次一个开放的)的模式,并触发“切换”这不是没有工作“:可见”



文章来源: How to hide Bootstrap previous modal when you opening new one?