使用引导/设计登录模式窗口

我想在我的主页上为我的登录（使用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

当我点击我的主页登录链接就可以了带来了一个可怕的模式窗口。当我输入用户名/密码并提交时，模式窗口关闭，但没有任何反应。有任何想法吗？

来源

2013-09-28 Graham Jackson

可能的重复：http://stackoverflow.com/questions/10808923/getting-devise-sign-in-form-into-twitter-bootstrap-modal – vee

1：确保boostrap js没有关闭按钮单击模型。：data => {：dismiss =>“modal”}如果您重定向，则没有任何值。

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

3：确保表单是否提交。

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

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

来源

2013-09-29 00:16:20

使用引导/设计登录模式窗口

回答

相关问题