使用 Bootstraps 模式时遇到一些问题,
我有一个使用模态的登录表单(按下时会出现登录表单)
如果用户没有帐户,他们可以按“注册”我希望关闭登录模式并显示注册模式
我有这个工作,当单击注册时,登录表单会被关闭,但是当显示注册模式时,您无法在注册模式上向上或向下滚动(您可以在登录时向上或向下滚动)模态)
抱歉解释太长,下面的jsfiddle是我的代码,
<p> Don't have an account? <a data-dismiss="modal" data-toggle="modal" data-target="#myModal1"> Sign up</a>
这是关闭登录模式并显示注册模式的代码。 我知道模式是通过 data-dismiss="modal"关闭的(因此页面认为模式已关闭并滚动浏览网页),但是我不知道如何找到解决此问题的方法。
lorem ipsum 用于显示滚动的示例。
第一个表单是登录模式,第二个表单是注册
感谢您的帮助!
最佳答案
我成功执行了以下操作。我创建了一个具有属性溢出:隐藏的类。每当 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">
JSFIDDLE:http://jsfiddle.net/5v4nejsz/22/
关于javascript - Bootstrap 关闭模态并显示另一个模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29482364/