使用 asset .js.coffee 文件时出现 RuntimeError

Question

我刚刚开始使用 Rails 3.1 和 jQuery / Coffee 脚本。我有一段 js 代码，当包含在我视图中的标签中时可以工作，但是当包含在 app/assets/javascripts/post.js.coffee 中时它会抛出以下错误：

Posts#new 中的 ExecJS::RuntimeError

显示中 /home/chris/RailsDev/blog/app/views/layouts/application.html.erb 其中 第 10 行升高：

第 7 行保留字“function”（在 /home/chris/RailsDev/blog/app/assets/javascripts/post.js.coffee)

这有效：

app/views/posts/new.html.erb

<%= form_for [@user, @post] do |f| %>
      <div class="field">
        <%= f.label :title %><br />
        <%= f.text_field :title %>
      </div>
      <div class="field">
        <%= f.label :content %><br />
        <%= f.text_area :content %>
      </div>
      <div class="field">
        <label for="forward_date">Post in the future?</label>
        <%= check_box_tag 'forward date' %>
        <div id="post_date" style="display: none;">
          <%= f.label :post_date %>
          <%= f.datetime_select :post_date %>
        </div>
      </div>
      <div class="actions">
        <%= f.submit "Create" %>
      </div>
    <% end %>
    <script>
      $("#forward_date").change(function() {
        if($(this).is(":checked")) {
          $("#post_date").show("slow");
        } else {
          $("#post_date").hide("slow");
        }
      });
    </script>

这会抛出 ExecJS:: RuntimeError

从视图中删除标签并将代码放在 app/assets/javascripts/post.js.coffee 中

$("#forward_date").change(function() {
  if($(this).is(":checked")) {
    $("#post_date").show("slow");
  } else {
    $("#post_date").hide("slow");
  } 
});

Answer 1

咖啡脚本不是咖啡脚本

应该是：

$("#forward_date").change ->
  if $(this).is(":checked")
    $("#post_date").show "slow"
  else
    $("#post_date").hide "slow"

Answer 2

这不是在 Coffeescript 中声明函数的方式。使用 -> 而不是关键字 function：

$("#forward_date").change -> 
  if $(this).is ":checked"  
    $("#post_date").show "slow"
  else
    $("#post_date").hide "slow"