Rails 4-nested_form和selected-select

Question

我正在使用Ryan Bates nested_form_for： https : //github.com/ryanb/nested_form 。 对于我的select语句，我使用的是selected-select： http : //harvesthq.github.io/chosen/ 。 当我单击“添加技能”时，我无法将select语句也归类为“ chosen-select”。 将显示一个新的选择字段，但没有自定义CSS样式。

更清楚地说，原始的select语句正确显示，而我添加的语句没有自定义css样式（选择）。

<%= nested_form_for(@user) do |f| %>    
    <%= f.fields_for :skills do |builder| %>
            <%= builder.select :skill, data, {},  {class: 'chosen-select'} %>
            <%= builder.date_select :expdate, include_blank: true %>
            <%= builder.link_to_remove "Remove" %>
    <% end %>

        <%= f.link_to_add "Add Skill", :skills %>
<% end %>

有没有办法让我通过link_to_add函数添加的select语句使用'chosen-select'类？

Answer 1

我认为您的问题是“选择插件”会在页面加载时对元素进行更改，一旦页面加载，添加的新元素就不会更改，至少您再次调用该函数。 我会在添加新元素的click事件上调用函数。 像这样：

$('#add-element').on 'click', ->
  $('.chosen-select').chosen()

我正在阅读nested_form的文档，就您而言，我认为是这样的：

$(document).on 'nested:fieldAdded, (event)->
  $('.chosen-select').chosen()

或者，更像是说文档

$(document).on 'nested:fieldAdded, (event)->
  field = event.field
  detefield = field.find('.chosen-select')
  datefield.chosen()

我认为这可行！

PD：js代码是Coffescript。

PD2：我认为茧宝石最适合这份工作。