在引导程序模式之间切换

问题描述 投票:2回答:2

我已经设置了我的rails 4应用程序以与bootstrap 3一起运行并进行设计。

我已经定制了devise的注册和登录视图,因此它们现在位于引导程序模式中。但是,尽管使用了共享项,其中包括“不是会员?在这里注册”链接,但它不会出现在登录模式中。

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

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

谢谢。

jquery ruby-on-rails twitter-bootstrap devise
2个回答
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两种注册方式和登录方式 在您的页面中出现,以便可以调用它们(我不确定,但是为此您可能必须重写devise方法,但由于您的问题是关于隐藏和显示模式,所以我不会去那里)。

您的链接可能类似​​于:

<%= 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');
});

1
投票

无脚本的Modal Switch 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

© www.soinside.com 2019 - 2024. All rights reserved.