私は次のものを持っています:
<%= link_to my_path, method: :delete, confirm: 'Delete?', class: 'link-delete', 'data-message' => 'Are you sure?', 'data-severity' => 'danger', :remote => true do %>
<i class="icon-trash"></i>
<% end %>
確認のためにBootstrap Modalを表示します。スピナーや何らかのテキストを表示できるように、ajax呼び出しにフックしたかったのです。
Link_toで ':remote => true'を使用しない場合、控えめなjavascriptを使用してクリックイベントをリッスンできることを知っています。
jQuery ->
$('.link-delete').live 'click', (event) ->
$('.link-delete').html("Loading...") #THE MSG OR ANIMATION I WANT TO DISPLAY
$.get(this.href, null, null, 'script')
false
しかし、「:remote => true」を使用するときに2つを組み合わせる方法がわからない
助言がありますか?
助けてくれてありがとう
次のようにajax呼び出しにバインドできます。
<%= link_to my_path, method: :delete, confirm: 'Delete?', class: 'link-delete', 'data-message' => 'Are you sure?', 'data-severity' => 'danger', :remote => true do %>
<i class="icon-trash"></i>
<% end %>
$('.link-delete').bind('ajax:beforeSend', function() {
$('#mySpinner').show();
});
$('.link-delete').bind('ajax:complete', function() {
$('#mySpinner').hide();
});
この2つを組み合わせる必要はありません。 format.jsを使用してjavascriptを呼び出すだけです。
コントローラーで:
コントローラー
def my_method
#code here
respond_to do |format|
format.js {}
end
end
my_method.html.erb
<div id = "link-delete"></div>
my_method.js.erb
$("#link-delete").html("<%= escape_javascript(render(:partial => "text_message"))%>");
_ text_message.html.erb
<p>Loading...</p>