Javascript Rails 4-嵌套的_表单和选定的选择

Javascript Rails 4-嵌套的_表单和选定的选择,javascript,jquery,css,ruby-on-rails,ruby-on-rails-4,Javascript,Jquery,Css,Ruby On Rails,Ruby On Rails 4,我正在使用Ryan Bates嵌套的表单。对于select语句,我使用select:。当我单击“添加技能”时,我无法将select语句也设置为class:“SELECTED select”。将显示一个新的选择字段,但它没有自定义css样式 更清楚地说,原来的select语句显示正确,我添加的语句没有自定义css样式(select select) 有没有办法让我通过link to add函数添加的select语句使用“selected select”类?我想你的问题是,加载页面时,“selec

我正在使用Ryan Bates嵌套的表单。对于select语句,我使用select:。当我单击“添加技能”时,我无法将select语句也设置为class:“SELECTED select”。将显示一个新的选择字段,但它没有自定义css样式

更清楚地说,原来的select语句显示正确,我添加的语句没有自定义css样式(select select)



有没有办法让我通过link to add函数添加的select语句使用“selected select”类?

我想你的问题是,加载页面时,“selected plugin”会对元素进行更改,一旦加载页面,添加的新元素不会更改,至少你会再次调用该函数。我将在添加新元素的click事件上调用函数。大概是这样的:

$('#add-element').on 'click', ->
  $('.chosen-select').chosen()
$(document).on 'nested:fieldAdded, (event)->
  $('.chosen-select').chosen()
我正在阅读嵌套表单的文档,在您的情况下,我认为是这样的:

$('#add-element').on 'click', ->
  $('.chosen-select').chosen()
$(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:我认为最适合这份工作

此解决方案确实有效,choosen gem实际上在页面加载时对元素进行更改。您发布的上一个解决方案立即对我有效。我需要温习一下我的咖啡脚本。