Ruby on rails Rails应用程序的模态（设计）

我在RoR中有一个应用程序，我需要建立一个登录模式

我正在使用gem

designe

会话\u controller.rb

    class Users::SessionsController < Devise::SessionsController
     respond_to :js
    end

<div class="modal-dialog modal-sm">
  <div class="modal-content">
    <div class="modal-header">
      <button class="close" data-dismiss="modal">x</button>
      <h2 class="dark">Log in</h2>
    </div>
    <div class="modal-body">
      <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
      <div class="field">
        <%= f.label :email %><br />
        <%= f.email_field :email, autofocus: true %>
      </div>

      <div class="field">
        <%= f.label :password %><br />
        <%= f.password_field :password, autocomplete: "off" %>
      </div>

      <% if devise_mapping.rememberable? -%>
      <div class="field">
        <%= f.check_box :remember_me %>
        <%= f.label :remember_me %>
      </div>
      <% end -%>

      <div class="actions">
        <%= f.submit "Log in", class: "btn btn-md btn-black-line" %>
      </div>
      <% end %>
      <%= render "devise/shared/links" %>
    </div>
  </div>
</div>

$('#modaldevise').html('<%= j render('new') %>');
$('#modaldevise').modal();

<div id="modaldevise" class="modal fade">
  <%= render 'your_path/new' %>
</div>

new.js.erb

    class Users::SessionsController < Devise::SessionsController
     respond_to :js
    end

<div class="modal-dialog modal-sm">
  <div class="modal-content">
    <div class="modal-header">
      <button class="close" data-dismiss="modal">x</button>
      <h2 class="dark">Log in</h2>
    </div>
    <div class="modal-body">
      <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
      <div class="field">
        <%= f.label :email %><br />
        <%= f.email_field :email, autofocus: true %>
      </div>

      <div class="field">
        <%= f.label :password %><br />
        <%= f.password_field :password, autocomplete: "off" %>
      </div>

      <% if devise_mapping.rememberable? -%>
      <div class="field">
        <%= f.check_box :remember_me %>
        <%= f.label :remember_me %>
      </div>
      <% end -%>

      <div class="actions">
        <%= f.submit "Log in", class: "btn btn-md btn-black-line" %>
      </div>
      <% end %>
      <%= render "devise/shared/links" %>
    </div>
  </div>
</div>

$('#modaldevise').html('<%= j render('new') %>');
$('#modaldevise').modal();

<div id="modaldevise" class="modal fade">
  <%= render 'your_path/new' %>
</div>

最后，我有一个附带菜单，其中包含登录链接：

<%= link_to 'Login', new_user_session_path, 'data-toggle' => "modal" , 'data-target' => "#modaldevise" %>

“模态”，“数据目标”=>“模态设备”%>

当我按下登录链接时，背景变暗，模式打开，但部分

\u new.html.erb

中的信息没有显示

---

这里怎么了？

您可以避免使用

new.js.erb

并执行以下操作：

application.html.erb

    class Users::SessionsController < Devise::SessionsController
     respond_to :js
    end

<div class="modal-dialog modal-sm">
  <div class="modal-content">
    <div class="modal-header">
      <button class="close" data-dismiss="modal">x</button>
      <h2 class="dark">Log in</h2>
    </div>
    <div class="modal-body">
      <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
      <div class="field">
        <%= f.label :email %><br />
        <%= f.email_field :email, autofocus: true %>
      </div>

      <div class="field">
        <%= f.label :password %><br />
        <%= f.password_field :password, autocomplete: "off" %>
      </div>

      <% if devise_mapping.rememberable? -%>
      <div class="field">
        <%= f.check_box :remember_me %>
        <%= f.label :remember_me %>
      </div>
      <% end -%>

      <div class="actions">
        <%= f.submit "Log in", class: "btn btn-md btn-black-line" %>
      </div>
      <% end %>
      <%= render "devise/shared/links" %>
    </div>
  </div>
</div>

$('#modaldevise').html('<%= j render('new') %>');
$('#modaldevise').modal();

<div id="modaldevise" class="modal fade">
  <%= render 'your_path/new' %>
</div>

侧边菜单

<%= link_to 'Sign in', '#', "data-toggle" => "modal", "data-target"=>"#modaldevise" %>

“模态”、“数据目标”=>“#模态设备”%>

您可以避免使用

new.js.erb

并执行以下操作：

application.html.erb

    class Users::SessionsController < Devise::SessionsController
     respond_to :js
    end

<div class="modal-dialog modal-sm">
  <div class="modal-content">
    <div class="modal-header">
      <button class="close" data-dismiss="modal">x</button>
      <h2 class="dark">Log in</h2>
    </div>
    <div class="modal-body">
      <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
      <div class="field">
        <%= f.label :email %><br />
        <%= f.email_field :email, autofocus: true %>
      </div>

      <div class="field">
        <%= f.label :password %><br />
        <%= f.password_field :password, autocomplete: "off" %>
      </div>

      <% if devise_mapping.rememberable? -%>
      <div class="field">
        <%= f.check_box :remember_me %>
        <%= f.label :remember_me %>
      </div>
      <% end -%>

      <div class="actions">
        <%= f.submit "Log in", class: "btn btn-md btn-black-line" %>
      </div>
      <% end %>
      <%= render "devise/shared/links" %>
    </div>
  </div>
</div>

$('#modaldevise').html('<%= j render('new') %>');
$('#modaldevise').modal();

<div id="modaldevise" class="modal fade">
  <%= render 'your_path/new' %>
</div>

侧边菜单

<%= link_to 'Sign in', '#', "data-toggle" => "modal", "data-target"=>"#modaldevise" %>

“模态”、“数据目标”=>“#模态设备”%>

对Rails更惯用的是：

。对Rails更惯用的是：

。