在引导模式之间切换

Question

我已将我的 rails 4 应用设置为使用 bootstrap 3 运行并进行设计。

我已经自定义了设计注册和登录视图，以便它们现在位于引导模式中。但是，尽管使用了包含“不是会员？在此处注册”链接的共享项目，但它并没有出现在登录模式中。

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

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

谢谢。

Answer 1

Modal Switch Bootstrap 4 无脚本

FIX：有谁知道如何创建链接，例如“忘记 密码？”这将导致登录模式关闭并忘记 密码模式打开？

您可以使用引导属性简单地切换模式。

您只需在按钮或您想要的任何元素中添加此代码，data-dismiss 将关闭您的模态，data-target 将打开您的第二个模态，您也可以查看我在下面共享的链接。

<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

Answer 2

如果您查看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 都出现在您的页面中，以便它们都可以被调用（我'不确定，但为此，您可能必须覆盖设计方法，但由于您的问题是关于隐藏和显示模式，所以我不会去那里）。

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

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