Javascript 引导关闭模式并显示另一个模式
使用引导有点问题 我有一个使用模式的登录表单(按下时,登录表单将出现) 如果用户没有帐户,他们可以按“注册”,我希望登录模式被取消,注册模式出现 我有这项工作,登录表单是解散时,点击注册,但当注册模式显示,你不能向上或向下滚动的注册模式,(你可以向上或向下滚动的登录模式) 很抱歉解释得太长,下面的JSFIDLE是我的代码Javascript 引导关闭模式并显示另一个模式,javascript,jquery,html,css,twitter-bootstrap-3,Javascript,Jquery,Html,Css,Twitter Bootstrap 3,使用引导有点问题 我有一个使用模式的登录表单(按下时,登录表单将出现) 如果用户没有帐户,他们可以按“注册”,我希望登录模式被取消,注册模式出现 我有这项工作,登录表单是解散时,点击注册,但当注册模式显示,你不能向上或向下滚动的注册模式,(你可以向上或向下滚动的登录模式) 很抱歉解释得太长,下面的JSFIDLE是我的代码 <p> Don't have an account? <a data-dismiss="modal" data-toggle="modal" data-tar
<p> Don't have an account? <a data-dismiss="modal" data-toggle="modal" data-target="#myModal1"> Sign up</a>
你没有账户吗
lorem ipsum显示了滚动的示例
第一个表单是登录模式,第二个表单是注册
谢谢你的帮助 这对我来说很管用
<p> Already't have an account?
<a href="#" data-dismiss="modal" data-toggle="modal" data-target="#myModal"> Sign in </a>
</p>
已经没有帐户了吗?
所以我在这里做的是,首先,按照操作顺序,排除第一个模态。之后,下一个操作是再次显示您的登录窗口
我成功地完成了以下任务。我创建了一个属性为overflow:hidden的类。只要myModal1打开,它就会添加到主体中
$("#button").click(function(){
$('#myModal').modal("hide");
$('#myModal1').modal("toggle");
$("body").addClass("notScroll");
});
当myModal1关闭时,该类将被删除:
$('#myModal1').on('hidden.bs.modal', function () {
$("body").removeClass("notScroll");
});
现在,您必须允许myModal1滚动:
<modal... id="myModal1" style="overflow-y: scroll">
JSFIDLE:您好,谢谢您的评论,但是,这不是我遇到的问题。问题是,当您在登录模式中单击“注册”时,您无法滚动注册模式。因此,登录表单可以在注册表单上运行(并且可以很好地滚动)(一旦单击“不要帐户?注册”)不向上或向下滚动模态,而是在模态后面滚动网页。谢谢,我不明白。当我单击你的小提琴单击登录按钮时,没有任何内容滚动。我单击注册按钮,模态中没有任何内容滚动,但后面的内容页滚动。你想要哪一个?登录页像那样滚动还是想要签名向上模式不滚动返回内容?您好,很抱歉造成混淆。当我单击“登录”按钮时,登录模式会上下滚动(不是背景)。当我单击“注册”时,注册模式不会滚动,而是背景滚动。登录模式(当登录表单滚动时)是正确的。我希望注册模式向上和向下滚动,背景不滚动。谢谢。我使用您的小提琴时,登录表单根本不会滚动。您使用的是什么浏览器?Chrome,您使用的是哪种浏览器?