咖啡脚本语法问题答案

【问题标题】：coffee script syntax issue咖啡脚本语法问题
【发布时间】：2013-03-11 10:49:48
【问题描述】：

这个咖啡脚本有什么问题吗？它在这个小提琴上工作正常

但是当我尝试将其转换为咖啡脚本时，它似乎不想工作

$(document).on "change", "#print_size_options_LargeFormatBlackWhite", (event) ->
  selected = undefined
  index = undefined
  selected = $(this).val()
  index = $("select").index(this)
  if selected is "customSize"
    $($(".custom_size")[index]).fadeIn()
  else
    $($(".custom_size")[index]).fadeOut()

【问题讨论】：

标签： coffeescript

【解决方案1】：

我能看到的唯一区别是你在小提琴上写的（事件）是（evt）。

您是否考虑使用http://js2coffee.org/ 进行转换？

【讨论】：

【解决方案2】：

你的小提琴有一些问题。

您对多个元素使用相同的 ID - 您应该将其设为一个类。
您正在将更改事件添加到文档中，最好将其添加到更精确的选择器，即选择器中。
如果你一开始打算用 JS 编写它，那么使用 CoffeeScript 转换器并没有太大的好处。

我已经修复了小提琴的一些问题并更新了它here。

新的 CoffeeScript 如下所示：

$(".print_size_options_LargeFormatBlackWhite").change ->
  selected = $(this).val()
  index = $("select").index this
  func = if selected is ".custom_size" then 'fadeIn' else 'fadeOut'
  $($('.custom_size')[index])[func]()

【讨论】：