私は私のCoffeeScriptのコード内の「リフレッシュ」トリガーを適用しようとしているが、私は正しい構文が見つかりません:標準のjQueryでjquery sortable refresh => coffeescriptの正しい構文は何ですか?
を、それは次のようになります。$(」。milestone_chain')ソート可能( ) 'リフレッシュ'
何それは、これは私のコードであることを知って、CoffeeScriptの中で次のようになります。
$('.milestone_chain').sortable
axis: 'y'
containment: 'parent'
cursor: 'move'
tolerance: 'pointer'
update: (event,ui)->
$('li > a > div > span.number').each (i, element) =>
$(element).html i+1
$.ajax($(this).attr('data-update-url') + '/' + ui.item.attr('id') + '/reorder/' + (ui.item.index() + '.js'))
HTMLは以下の通りです:
<ul class="milestone_chain" data-update-url="projectmilestones">
<% projectcapstone.projectmilestones.rank(:rank).includes(:projectdepartment).each.with_index do |projectmilestone, i| %>
<li class="milestone_<%=projectmilestone.projectdepartment.ranking%>" id="<%=projectmilestone.id%>">
<div class="chainpie"><%= percent_pie(projectmilestone.status)%></div>
<div class="milestone<%=projectmilestone.projectdepartment.ranking%>"><%= link_to content_tag(:span, i+1, :class => "number"), projects_projectmilestone_path(projectmilestone) %></div>
<div class="milestonenum">
<%= link_to projectmilestone.name, projects_projectmilestone_path(projectmilestone) %>
<b class="notch"></b>
</div>
</li>
<% end %>
</ul>
それはうまくいきます。問題は、コードがAjaxでロードされることがあり、それがもう動作しないことです。これが私がリフレッシュメソッドを実装する理由です。私が正しく理解していれば、この問題に対処します。
ありがとう!
あなたの問題は何ですか?あなたのコードをコーヒーコンパイラに適用すると、私が期待するJavascriptが得られます。 'sortable'より下のものは、指定したオプションを持つオブジェクトです。何が効いていないのですか? –
私の問題は、htmlがAjaxで読み込まれても動作しないということです。私はそのコードに関する更なる情報を与えるために投稿を更新しました。 – ndemoreau