Question

我正在尝试在我的主页上为我的登录（使用Devise）创建一个模态窗口。

我的应用程序布局中有以下内容：

<div class="modal fade" id="loginModal">
  <div class="modal-header">
    <h3>Sign In</h3>
  </div>
  <div class="modal-body">
    <%= simple_form_for(:user, :url => user_session_path) do |f| %>
          <div class="inputs">
            <%= f.input :email, :required => false, :autofocus => true %>
            <%= f.input :password, :required => false %>
            <%= f.input :remember_me, :as => :boolean if devise_mapping.rememberable? %>
          </div>
    </div>
    <div class="modal-footer">
        <%= f.button :submit, "Sign in", :class => 'btn btn-primary', :data => { :dismiss => "modal"} %>
        <% end %>
    </div>
</div>

我在应用程序帮助文件中放了几个方法：

  def resource_name
    :user
  end

  def resource
    @resource ||= User.new
  end

  def devise_mapping
    @devise_mapping ||= Devise.mappings[:user]
  end

当我点击我主页上的登录链接时，会弹出一个可怕的模态窗口。当我输入用户名/密码并提交时，模态窗口关闭但没有任何反应。有什么想法吗？

Answer 1

1：确保按钮单击时，boostrap js没有关闭模型。：data =＆gt; {：dismiss =＆gt; “modal”}如果您的重定向仍然没有价值。

2：确保您的表单在操作中具有正确的路由并具有正确的http方法。

3：确保表单是否会提交。

4：此时您的表单应该提交并重定向到登录页面，如果没有，则返回并确保1-3为真。

如果你的标记是一个可怕的模态窗口，那么根据你提供的信息，这里没有任何人可以为你做。

使用Bootstrap / Devise登录模态窗口

1 个答案: