在引导程序模式之间切换

Posted 2023-01-26

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

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

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

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

谢谢。

答案

如果您查看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');
);

另一答案

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