我已经设置了我的rails 4应用程序来运行bootstrap 3并设计。
我已经定制了设计注册并登录视图,以便它们现在位于引导模式中。但是,尽管使用了共享项目,其中包含“非成员?在此处注册”链接,但它不会出现在登录模式中。
当我将代码直接复制并粘贴到模态中时,寄存器模式显示在登录模式中。按钮不起作用,看起来很糟糕。
有没有人知道如何创建链接,例如“不是会员?在这里注册”会导致登录模式关闭而注册模式会打开吗?
谢谢。
答案 0 :(得分:1)
不带脚本的模式开关Bootstrap 4
FIX:有人知道如何创建链接,例如“忘记了 密码?”将导致登录模式关闭而忘记了 密码模式打开?
您只需使用bootstrap属性即可切换模式。
您只需将此代码添加到按钮或所需的任何元素中,数据关闭将关闭您的模态,数据目标将打开您的第二个模态,您还可以检查演示我在下面共享了哪个链接。
<button type="button" class="btn btn-danger" data-dismiss="modal" data-toggle="modal" data-target="#Second_modal">Switch Modal</button>
答案 1 :(得分:0)
如果查看bootstraps modal并向下滚动到其方法选项。你可以看到如何通过js手动隐藏和显示模态。
Does anyone know how to create a link, for example "Not a member? sign up here" that will cause the login modal to close and the register modal to open?
<强>修正:强>
首先,您需要确保注册模式和登录模式的 html 存在于您的页面中,以便它们都可以被调用(I我不确定,但为此你可能必须覆盖设计方法,但因为你的问题是隐藏和显示模态所以我不会去那里。)
您的链接可以是:
<%= link_to "Not a member? sign up here", class: "new_user" %>
你的js看起来像这样:
$(document).on("click",".new_user",function(){
$('#id_of_sign_in_modal').modal('hide');
$('#id_of_sign_up_modal').modal('show');
});