Ruby on rails 宝石用途:蚕茧+;选择轨道

Ruby on rails 宝石用途:蚕茧+;选择轨道,ruby-on-rails,ruby,cocoon-gem,selectize.js,Ruby On Rails,Ruby,Cocoon Gem,Selectize.js,我无法使选择rails与cocoon一起工作。(添加+1考勤时,selectize对其不起作用)。我看到了这个问题,但毫无结果 我所拥有的: - Attendance model - Event model - Event has_many :attendances 我的js: $(document).ready(function(){ if ($('.selectize')){ $('.selectize').selectize({ sortF

我无法使
选择rails
cocoon
一起工作。(添加+1考勤时,selectize对其不起作用)。我看到了这个问题,但毫无结果

我所拥有的:

- Attendance model
- Event model
- Event has_many :attendances
我的js:

$(document).ready(function(){
    if ($('.selectize')){
        $('.selectize').selectize({
            sortField: 'text'
        });
    }
});
事件/表格:

= simple_form_for @event do |f|
   = f.button :submit, class: "btn btn-success add-button"
   = f.input :starts_at, :minute_step => 15
  #tasks
    = f.simple_fields_for :attendances do |attendance|
      = render 'attendance_fields', f: attendance
    .links
      %p
      = link_to_add_association 'Add attendance', f, :attendances
_考勤单元字段:

.nested-fields
  = f.select :guest_id, Guest.all.map{|c| [c, c.id]}, {},class: 'selectize'
  = link_to_remove_association "Remove attendance", f

有什么想法吗?请帮助

以便您的代码选择类
的项目。在页面上选择
,然后对其调用
选择
功能。但是,此调用仅在初始加载页面时运行。当新项目被动态添加到页面时,您将不得不再次这样做。Cocoon会引发事件,您可以监听这些事件,当它们发生时,您会得到插入的html片段

所以你可以这样做:

$('form').on('cocoon:after-insert', function(e, addedItem) {
  $(addedItem).find('.selectize').selectize({
    sortField: 'text'
  })
});
这意味着:每当cocoon事件在表单中的某个位置引发时,我们将应用
。选择
代码


更多示例和信息可在中找到

因此,您的代码选择类
的项目。在页面上选择size
,然后对其调用
selectize
函数。但是,此调用仅在初始加载页面时运行。当新项目被动态添加到页面时,您将不得不再次这样做。Cocoon会引发事件,您可以监听这些事件,当它们发生时,您会得到插入的html片段

所以你可以这样做:

$('form').on('cocoon:after-insert', function(e, addedItem) {
  $(addedItem).find('.selectize').selectize({
    sortField: 'text'
  })
});
这意味着:每当cocoon事件在表单中的某个位置引发时,我们将应用
。选择
代码


更多示例和信息可在中找到

您需要使用回调,如链接的答案所示。你试过了吗?我对编程很陌生&还不太懂.js。。你能给我一个提示,告诉我该做什么/看什么吗?你需要使用回调,如你链接的答案所示。你试过了吗?我对编程很陌生&还不太懂.js。。你能给我一个关于做什么/看什么的提示吗?很好用。谢谢你,内森!效果很好。谢谢你,内森!