Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导关闭模式并显示另一个模式_Javascript_Jquery_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 引导关闭模式并显示另一个模式

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

使用引导有点问题

我有一个使用模式的登录表单(按下时,登录表单将出现)

如果用户没有帐户,他们可以按“注册”,我希望登录模式被取消,注册模式出现

我有这项工作,登录表单是解散时,点击注册,但当注册模式显示,你不能向上或向下滚动的注册模式,(你可以向上或向下滚动的登录模式)

很抱歉解释得太长,下面的JSFIDLE是我的代码

<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,您使用的是哪种浏览器?