要素のギャラリーがあり、それぞれに「#thumbnail」のクラスがあり、各サムネイルにはその下に「削除」リンクがあります。
以下のコードの問題は、JavaScript の「ajax:success」コードが最初のクリックでのみ実行されることです。つまり、警告ダイアログが呼び出され、その後別の「削除」リンクをクリックするたびに ajax が起動し、コントローラーのアクションが実行されます。私が期待することですが、アラートダイアログは二度と表示されません-ページ全体を更新しない限り、もちろん最初にのみ機能します。
誰が何がうまくいかないのか見ることができますか? ここで答えを探しましたが、正直言って少し迷っています。
link_to (ビュー):
<%= link_to("Delete", "/graphics/0?url=#{image_url}", :method => "delete", :remote => true, :id => "delete-graphic") %>
コントローラーのアクション:
def destroy
render :json => {"result" => "ok"}
end
JS:
$(document).ready(function() {
$('#delete-graphic').bind('ajax:success', function() {
alert("delete");
});
});