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：我認為繭寶石最適合這份工作。