1

我目前安装了 Devise gem，并正在使用它为我的 web 应用程序进行身份验证。

因此，我的首页上有登录/注销链接..

<ul class="user_nav">
                <% if user_signed_in? %>
                <li>Signed in as <%= current_user.email %> | <%= link_to('Logout', destroy_user_session_path, :method => :delete ) %></li>
                <% else %>
                <li> <%= link_to('Login', new_user_session_path, :id => 'login') %>  | <%= link_to('Create an account', new_user_registration_path, :id => "create") %></li>
                <% end %>
            </ul>

我正在尝试利用 Twitter-Bootstrap Modal 功能，因此将我的登录表单放在一个单独的框中，当用户单击它时会显示该框。

怎么做？

4

1 回答 1

2

此示例使用 Simpleform

    #Modal
    <div class="modal" id="loginModal">
      <div class="modal-header">
        <button class="close" data-dismiss="modal">×</button>
        <h3>Sign in</h3>
      </div>
      <div class="modal-body">
        <%= simple_form_for(resource, :as => resource_name, :url => session_path(resource_name),:html => { :class => 'form-horizontal' }) do |f| %>
                <%= f.input :email, :required => false, :autofocus => true %>
                <%= f.input :password, :required => false %>
                <%= f.input :remember_me, :as => :boolean if devise_mapping.rememberable? %>
                <%= f.button :submit, "Sign in", :class => 'btn' %>
            <% end %>
      </div>
    </div>

    #link
    <%= link_to('Login', "#loginModal", :id => 'login', "data-toggle" => "modal") %> 

    #javascript
    $('#loginModal').modal(options)
于 2012-05-22T18:55:09.047 回答