0

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

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

<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

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

4

1 回答 1

0

1：确保boostrap js没有在按钮点击时关闭模型。:data => { :dismiss => "modal"} 如果您的重定向仍然没有任何价值。

2：确保你的表单在action中有正确的路由，并且有正确的http方法。

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

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

如果您的标记制作了一个可怕的模态窗口，那么根据您提供的信息，这里没有人可以为您做很多事情。

于 2013-09-29T00:16:20.873 回答