私の Rails 3.2.3 アプリケーションでは、Ajax と jQuery を使用しています。ページにボタンがあります。このボタンをクリックすると、無効になり、スピナーが表示され、ajax リクエストが開始されます。ボタンを無効にしない場合にのみ機能します。無効にすると、ajax リクエストは実行されません。
だから私がする必要があるのは、ajaxリクエストを送信し、スピナーを表示し、同時にボタンを無効にすることです。
<script>
$(document).ready( function() {
$("#lnk_more").click(function() {
//if I uncomment this then an ajax request won't be be sent
// $("#lnk_more").attr('disabled','disabled');
$("#spinner").show();
});
</script>
<%= button_to "More", {:controller => 'home', :action => "test_method", :page=>@current_page }, {:remote => true,:id => 'lnk_more', :method => :get} %>
<%= image_tag('ajax-loader.gif',:style => 'display:none', :id => 'spinner') %>
#result html
<form action="/home/test_method?page=1" class="button_to" data-remote="true" method="get"><div>
助言がありますか?