43

我有以下内容：

<%= 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 调用，这样我就可以显示一个微调器或某种文本。

我知道我可以使用不显眼的 javascript 来监听 click 事件，如果我不在我的 link_to 中使用 ':remote => true'

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' 时如何将两者结合起来

有什么建议么？

谢谢您的帮助

4

2 回答 2

82

您可以像这样绑定到 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();
});
于 2013-03-08T13:31:11.400 回答
12

您不需要将两者结合起来。只需使用 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>
于 2013-03-08T11:20:24.470 回答