作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在 simple_form 自定义包装器中,您能否生成一个没有包装器的输入字段及其相应的标签?
目前,我的自定义包装器如下所示:
config.wrappers :category_tab, tag: "ul", class: "inline-list" do |ul|
ul.use :html5
ul.wrapper tag: "li" do |li|
li.wrapper tag: "label", class: "faux-tab" do |label|
label.use :input, label: false
label.use :label_text, wrap_with: { tag: "span", class: "label-text" }
end
end
end
<ul>
<li>
<label>
<input type="radio"></input>
<span></span>
</label>
</li>
</ul>
<ul class="inline-list radio_buttons optional search_category">
<li>
<label class="faux-tab">
<span class="radio">
<input checked="checked" class="radio_buttons optional" id="search_category_" name="search[category]" type="radio" value="">
<label class="collection_radio_buttons" for="search_category_">All</label>
</span>
<span class="label-text">Category</span>
</label>
</li>
</ul>
最佳答案
这是simple_form.rb
中的一个配置.找到这一行,并确定 boolean_style
的值是 :inline
.# Define the way to render check boxes / radio buttons with labels.
# Defaults to :nested for bootstrap config.
# inline: input + label
# nested: label > input
config.boolean_style = :inline
关于ruby-on-rails - 简单表格 : How can I create a custom wrapper that does not wrap the input and create a label?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18384796/
我是一名优秀的程序员,十分优秀!