咖啡脚本:同一页面上的多个 Select2 字段

Question

我正在尝试使用咖啡脚本在同一页面上使用多个 Select2 标签字段工作，但:(失败

我从这个开始;

$(document).on "ready page:load",(
  ->  $("#text_field_1").select2
        tags: ["A", "B", "C"]
  ->  $("#text_field_2").select2
        tags: ["1", "2", "3"]
)

没有欢乐:(我现在让它像这样工作;

text_field_1 = ->
  $("#text_field_1").select2
    tags: ["A", "B", "C"]
text_field_2 = ->
  $("#text_field_2").select2
    tags: ["1", "2", "3"]
$(document).ready(text_field_1)
$(document).on('page:load', text_field_1)
$(document).ready(text_field_2)
$(document).on('page:load', text_field_2)

但这感觉不是一个很好的解决方案。 任何人都可以提供任何替代方案或告诉我我做错了什么吗？

Answer 1

您没有正确使用->。您只需将每一行包装在从不调用的匿名函数中，然后传递两个

你只需要一个，直接传递给$(document).ready：

$(document).ready ->
  $("#text_field_1").select2
    tags: ["A", "B", "C"]
  $("#text_field_2").select2
    tags: ["1", "2", "3"]

Answer 2

这是基于meager的建议。 我发布的评论格式不是很好，所以又来了;

text_field_1 = ->
  $("#text_field_1").select2
    tags: ["A", "B", "C"]
text_field_2 = ->
  $("#text_field_2").select2
    tags: ["1", "2", "3"]
$(document).ready ->
  text_field_1()
  text_field_2()
$(document).on 'page:load', ->
  text_field_1()
  text_field_2()

谢谢