在Bootstrap模式之间切换

时间:2014-06-19 04:43:45

标签: jquery ruby-on-rails twitter-bootstrap devise

我已经设置了我的rails 4应用程序来运行bootstrap 3并设计。

我已经定制了设计注册并登录视图,以便它们现在位于引导模式中。但是,尽管使用了共享项目,其中包含“非成员?在此处注册”链接,但它不会出现在登录模式中。

当我将代码直接复制并粘贴到模态中时,寄存器模式显示在登录模式中。按钮不起作用,看起来很糟糕。

有没有人知道如何创建链接,例如“不是会员?在这里注册”会导致登录模式关闭而注册模式会打开吗?

谢谢。

2 个答案:

答案 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>

https://codepen.io/shabbirvaghela/pen/rNVMBNJ

答案 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');
});