5

app/assets/javascripts/ticket.js.coffee特定のビューでjQuery を実行しています。ページにアクセスするたびに、ブラウザーがこのエラーをレンダリングします。オンラインのどこにもこのエラーについての言及はありません。

(ローカルホスト:3000/チケット/新規) :

SyntaxError: unexpected POST_IF

Extracted source (around line #6):

3: <head>
4:   <title>Ops2</title>
5:   <%= stylesheet_link_tag    "application", :media => "all" %>
6:   <%= javascript_include_tag "application" %>
7:   <%= csrf_meta_tags %>
8: </head>
9: <body>

エラーをスローするページのファイル -

app/views/tickets/_form.html.erb :

<%= form_for(@ticket) do |f| %>
<% if @ticket.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(@ticket.errors.count, "error") %> prohibited this ticket from being saved:</h2>
<ul>
<% @ticket.errors.full_messages.each do |msg| %>
<li><%= msg %></li>
<% end %>
</ul>
</div>
<% end %>

<div class="field">
<%= f.label :school_id %><br />
<%= f.collection_select :school_id, School.order(:name), :id, :name, include_blank: true%>
</div>

<div class="field">
<%= f.label :location_id %><br />
<%= f.grouped_collection_select :location_id, School.order(:name), :locations, :name, :id, :name, include_blank: true%>
</div>

<div class="actions">
<%= f.submit %>
</div>
<% end %>

app/assets/javascripts/application.jsには以下が含まれます。

//= require jquery
//= require jquery_ujs
//= require_tree .

jQueryを使用したCoffeescriptファイル -

app/assets/javascripts/tickets.js.coffee :

$ ->
$('#ticket_location_id').parent().hide()
  locations = $('#ticket_location_id').html()
$('#ticket_school_id').change ->
  school = $('#ticket_school_id :selected').text()
  options = $(locations).filter("optgroup[label='#{school}']").html()
if options
$('#ticket_location_id').html(options)
$('#ticket_location_id').parent().show()
else
$('#ticket_location_id').empty
$('#ticket_location_id').parent().hide()

POST_IF エラーはif / else、コーヒー スクリプトのステートメントをインデントすることで解決されました。(詳細については、以下の回答を参照してください) エラーはなく、ページが読み込まれます!

4

1 に答える 1

5

ifステートメントのインデントがありません。CoffeeScript ではインデントが重要です。

これ...

if options
$('#ticket_location_id').html(options)
$('#ticket_location_id').parent().show()
else
$('#ticket_location_id').empty
$('#ticket_location_id').parent().hide()

...これである必要があります。先頭のインデントはオプションではありません:

if options
  $('#ticket_location_id').html(options)
  $('#ticket_location_id').parent().show()
else
  $('#ticket_location_id').empty
  $('#ticket_location_id').parent().hide()
于 2013-04-05T15:42:38.100 に答える