form_remote_forにオプションを設定するとRJSが機能しなくなるのはなぜですか？

Question

私は奇妙な問題に遭遇しています。
ボタンを押すと、ページに読み込みアイコンが表示されます。
form_remote_forへの私の呼び出しにAjaxオプションが含まれている場合、RJSスクリプトは機能しません。

これは（ "ロード" コントローラとRJSによって隠されている）作品：

ビュー：

<%=form_remote_for(:job, @job, {:url => {:action=>:create}}) do |f| %> 
[...] 
<div id="loading">Loading...</div> 

コントローラ：

def create 
    render :action => "create.js.rjs" 
end

RJS：

page.hide 'loading' 

これは（ちょうど:loading=>とロードを追加すると、図に示すが、それは前にあったように、コントローラによりバック隠されていない）動作しません。form_remote_forへ

<%=form_remote_for(:job, @job, {:url => {:action=>:create}}, {:loading=>"$('loading').show()"}) do |f| %> 
[...] 
<div id="loading" style="display:none;">Loading...</div> 

ので、もし私の呼び出しをAjaxオプションが含まれていると、RJSスクリプトは機能しません。どうして？

Answer 1

にフォームを変更し

：メイクは必ず作成

<% form_remote_for (:job, @job, :url => {:action => :create}, :loading =>"$('loading').show()") do |f| %> 
# ... 
<% end %> 

です：

# POST /jobs 
    # POST /jobs.xml 
    def create 
    render :action => "create.js.rjs" 
    end 

そして、あなたのcreate.js.rjs確認しては、次のとおりです。

page.hide 'loading' 

このシナリオは、のために働きます私。あなたがそれを持っていたので、私がした素早い足場の実装に基づいて、それが "新しい"に投稿されていたので、テンプレートのerbを戻していました。大規模な編集の前に私が言ったように、私は新しいですが、これはあなたに行くはずです。

編集：削除された "これはあなたのコードですか？"役職。

Answer 2

:loadedパラメータを使用して、「rjs」ファイルに依存するのではなく、読み込みDIVを非表示にしましたか？

Answer 3

あなたが表示/非表示を行うためにAjax.Respondersを使用する必要があり、あなたの使ってプロトタイプを仮定：

Ajax.Responders.register({ 
    onCreate: function() { 
    Ajax.activeRequestCount++; 
     if($('loading') && Ajax.activeRequestCount>0) { 
     Effect.Appear('loading',{duration:0.4,queue:'end'}); 
     };   
    }, 
    onComplete: function() { 
    Ajax.activeRequestCount--; 
     if($('loading') && Ajax.activeRequestCount==0) { 
     Effect.Fade('loading',{duration:0.4,queue:'end'}); 
     };  
    } 
}); 

あなたはパブリック/ JavaScriptの中でそれを固執することができます/

控えめなJavaScriptをapplication.js - 動作します隠れた読み込みdivとajaxイベントを持つページで