Schienen link_to: Fern

Question

Ich habe folgend:

<%= 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 %> 

, die eine Bootstrap Modal zur Bestätigung bringt, und ich wollte auf den Ajax-Aufruf an Haken, so dass ich einen Spinner oder irgendeine Art von Text anzeigen kann .

Ich weiß, dass ich unaufdringliche Javascript verwenden kann, wie so zu dem Click-Ereignisse zu hören, wenn ich nicht verwenden ‚: remote => true‘ in meinem link_to

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 

aber nicht sicher, wie zu kombinieren die beiden bei der Verwendung von ': remote => true'

Irgendwelche Vorschläge?

Dank für die Hilfe

Answer 1

Sie auf Ajax-Aufrufe wie diese binden können:

<%= 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(); 
}); 

Answer 2

Sie brauchen nicht, die beiden zu kombinieren. Verwenden Sie einfach die format.js, um das Javascript aufzurufen.

In Ihrem Controller:

-Controller

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>