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。。你能给我一个关于做什么/看什么的提示吗?很好用。谢谢你,内森!效果很好。谢谢你,内森!