Ruby on rails 4 我的表单输入字段不适用于ECS
我正在使用适用于rails 4的Desive gem,我尝试在我的/registrations/edit.html.erb视图中添加一个单选按钮和一个下拉列表。接下来我使用的是材质设计,它似乎也禁用了这些功能 如果我禁用Material Design,我可以为我的Desive用户更新这些新字段,但当我再次启用它时@import materialize;在application.scss中,它们都是不可单击的,但是表单的其余部分可以工作 这是我的代码 application.scss:Ruby on rails 4 我的表单输入字段不适用于ECS,ruby-on-rails-4,devise,materialize,Ruby On Rails 4,Devise,Materialize,我正在使用适用于rails 4的Desive gem,我尝试在我的/registrations/edit.html.erb视图中添加一个单选按钮和一个下拉列表。接下来我使用的是材质设计,它似乎也禁用了这些功能 如果我禁用Material Design,我可以为我的Desive用户更新这些新字段,但当我再次启用它时@import materialize;在application.scss中,它们都是不可单击的,但是表单的其余部分可以工作 这是我的代码 application.scss: //= r
//= require morris
@import "materialize";
@import "toastr";
/注册/edit.html.erb:
<div class="row">
<div class="col s12 m6 offset-m3 center">
<h5>Edit <%= resource_name.to_s.humanize %></h5>
<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
<%= render partial: "shared/devisemes" %>
<div class="input-field">
<%= f.radio_button :sex, 1 %> <%= f.label :sex, "Female" %>
<%= f.radio_button :sex, 2 %> <%= f.label :sex, "Male" %>
</div>
<br/>
<div class="input-field">
<%= f.label :country_code, "Default Config" %>
<%= f.country_select :country_code %>
</div>
<div class="input-field">
<%= f.text_field :name, autofocus: true, :class => "validate", :placeholder => "Name" %>
</div>
<div class="input-field">
<%= f.email_field :email, :class => "validate", :placeholder => "Email" %>
</div>
<% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
<div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
<% end %>
<div class="input-field">
<%= f.password_field :password, :id => "password", :placeholder => "New password (leave blank if you don't want to change it)", :class => "validate", autocomplete: "off" %>
</div>
<div class="input-field">
<%= f.password_field :password_confirmation, :id => "password_confirmation", :placeholder => "Confirm password", :class => "validate", autocomplete: "off" %>
</div>
<div class="input-field">
<%= f.password_field :current_password, :id => "current_password", :placeholder => "Type current password to confirm your change", :class => "validate", autocomplete: "off" %>
</div>
<button class="btn waves-effect waves-light" type="submit" name="action">Update</button>
<%= link_to "Back", :back, :class => "btn waves-effect waves-light" %>
<% end %>
<br/>
<p>Unhappy?</p>
<%= link_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?" }, method: :delete, :class => "btn waves-effect waves-light" %>
上述代码中不起作用的项目有:sex和:country\u代码
以下是我的浏览器名称和国家重叠的情况,性别/性别和国家选择完全没有反应:
有人能帮我吗?问题的一部分是,您实际上不希望在单选按钮或选择字段上显示类输入字段。从: 文本字段允许用户输入。边框应该简单而清晰地显示用户当前正在编辑的字段。您必须有一个.input字段div包装您的输入和标签。这有助于jQuery设置标签的动画。这仅用于我们的Input和Textarea表单元素 对于select功能,文档要求将其包装在一个与上面的引号相矛盾的.input字段中,哎哟!。它似乎在没有包装器类的情况下对我有效。您需要确保做的事情是: $document.readyfunction{ $“选择”。选择材料; };
这在“选择字段文档”部分的最底部提到。希望有帮助 是的,那很有帮助!国家/地区选择菜单现在起作用。谢谢但这对单选按钮不起作用。我也删除了这些的输入字段,但它们仍然不可选择。关于我在这种情况下可能会做错什么,有什么建议吗?Materialize非常挑剔,要求所有标签都能很好地映射到单选按钮。确保在标签中提供值。我的单选按钮用了一个分部,我有很多!,它看起来是这样的:`我相信你的数据的一个例子应该是:key::sex,value:1,text:femal。您要确保标签与单选按钮id匹配。