Ruby on rails 添加新控制器后,设计表单不再可单击

Ruby on rails 添加新控制器后,设计表单不再可单击,ruby-on-rails,forms,devise,Ruby On Rails,Forms,Devise,我以前安装并配置过designe,它工作得很好。表格运作良好。然后我添加了一个新的StaticPages控制器: rails g controller StaticPages index landing about contribute #config/routes.rb %w(landing about contribute).each do |option| get option, to: "application##{option}" end 我设置我的路线。rb: Rails.

我以前安装并配置过
designe
,它工作得很好。表格运作良好。然后我添加了一个新的
StaticPages
控制器:

rails g controller StaticPages index landing about contribute
#config/routes.rb
%w(landing about contribute).each do |option|
   get option, to: "application##{option}"
end
我设置我的
路线。rb

Rails.application.routes.draw do

  devise_for :users

  resources :cards

  root 'static_pages#index'
  get 'static_pages/landing' => 'static_pages#landing'
  get 'static_pages/about' => 'static_pages#about'
  get 'static_pages/contribute' => 'static_pages#contribute'

  unauthenticated do
    root to: 'static_pages#landing', :as => 'unauthenticated'
  end

end
在此之后,
designe
users/sign_in
页面呈现,但表单无法点击。我点击它们,它们不会高亮显示,也不允许输入文本。但是,我可以通过表单
选项卡
输入凭据,然后按
输入
登录为什么表单不再工作?

这是签到表:

<body id="sign-in">
  <div class="wrapper-center">
    <div class="container-form">
      <div class="container-fields">
        <h2 class="light-text">Sign in</h2>
        <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
          <div class="field">
            <%= f.email_field :email, autofocus: true, placeholder: "Email" %>
          </div>

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

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

          <div class="actions">
            <%= f.submit "Sign in" %>
          </div>
        <% end %>
      </div>
    </div>
    <div class="devise-links">
      <%= render "devise/shared/links" %>
    </div>
  </div>
</body>

登录

如果没有进一步的代码,很难诊断,但是,这可能与此有关:

<body id="sign-in">
再一次,我只能假设您在视图中包含了
。我没有其他的参考资料

--

你有一个HTML问题的想法实际上与你的问题是一致的——与表单的交互是一个问题,而不是提交

如果Rails有问题,您将无法登录。因此,表单的呈现方式可能存在问题,即HTML和CSS


另外,您还应该查找关于添加的信息(对于
静态页面
):

另一个建议是在应用程序控制器中保留这些“静态”页面:

rails g controller StaticPages index landing about contribute
#config/routes.rb
%w(landing about contribute).each do |option|
   get option, to: "application##{option}"
end
。。。您可以使用
应用程序控制器中的相应方法来备份:

#app/controllers/application_controller.rb
class ApplicationController < ActionController::Base
  def landing
     ...
end
#app/controllers/application_controller.rb
类ApplicationController
谢谢您提供详细信息。这是好东西。最后,我回顾了我的提交历史,意识到是
fields容器上的
z-index
导致了问题。