2012-07-16 86 views
0

在我的Rails 3.2.3應用程序中,我使用的是Ajax和jQuery。頁面上有一個按鈕。通過點擊這個按鈕它必須被禁用,必須出現一個微調器並開始一個Ajax請求。只有當我不禁用按鈕時它才工作。如果我禁用它,則不會運行ajax請求。Rails - button_to並提交

所以我需要做的是能夠發送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> 

有什麼建議?

回答

0

檢查button_to文檔。在最後一個示例中,您將找到一個示例:disable_with參數,您可以在提交後使用它來禁用按鈕。