ruby-on-rails - 动态生成的 Cocoon 场数

Question

我一直在使用 Cocoon gem 在 rails 中动态生成嵌套字段。我遇到了一个应用程序，我想用数字标记 cocoon 生成的字段；类似如下。

Field 1: __________
Field 2: __________
Field 3: __________

我想我可以通过编写自己的 javascript 来暴力破解它，但是有没有内置功能可以帮助我做到这一点？

非常感谢您的指导。

Answer 1

您不一定需要任何 JavaScript。根据您的标记，您可能能够包装嵌套字段并使用 CSS 计数器来实现编号。如果您删除一些项目，它也会自动重新编号。考虑这个 HTML:

<div class="fields">
  <div class="field">Nested fields</div>
  <div class="field">Nested fields</div>
</div>

加上下面的CSS，就会有 Field <idx>:每次前 .field .

.fields {
  reset-counter: idx;
}

.field {
  counter-increment: idx;
}

.field:before {
  content: "Field " counter(idx) ":";
}

您不能将任何 HTML 直接放入 content的值，但除此之外，您可以根据需要设置“元素”的样式(最显着的是它的位置)。