2009-07-24 10 views
0

一部のRailsコードで生成されたHTMLテーブルから行を削除したい場合、他の行を新しい位置に「スライドアップ」したいと思います。RubyOnRailsでAJAXエフェクトを使用する際の問題

私はこれに少し新しく、おそらく簡単な間違いをしたと確信しています。ここで

は、テーブルの行を生成する部分のコードです。「

<tr id="ride_130"> 
    <td>thrill ride</td> 
    <td>fun land</td> 
    <td align="right">40</td> 
    <td><a href="#" onclick="Effect.SlideUp('ride_130'); new Ajax.Request('/SimpleRailsApp/rides/destroy?ride_id=130', {asynchronous:true, evalScripts:true, parameters:'authenticity_token=' + encodeURIComponent('9f2334b84d2da7eddfbfaadf8138c0a1c8feca47')}); return false;">remove</a></td> 
</tr> 

今、行は大丈夫削除しますが、私はドン:

<tr id="ride_<%=h ride.id %>"> 
    <td><%=h ride.name %></td> 
    <td><%=h ride.land %></td> 
    <td align="right"><%=h ride.height_restriction %></td> 
    <td><%= link_to_remote 'remove', :url => { :action => :destroy, :ride_id => ride.id }, :html => {:onclick => "Effect.SlideUp('ride_" + ride.id.to_s + "')"} %></td> 
</tr> 

そして、ここではその部分から生成されたHTMLですクールなAJAX効果を得る。それはちょうど "スナップ"のようなものです。

これまでのところ、「パフ」は私が仕事をすることができた唯一の効果です。

何か助けや助言をいただければ幸いです。

UPDATE

それはこの効果はテーブル要素の内部で動作しないことだろうか?私は順序付けられていないリストのほぼ正確なコードを試しましたが、うまくいくようです。

アニメーションがjQueryのテーブルでも動作しないと言われているother questionも見つかりました。ここで運が悪いかもしれません。

答えて

0

私はアニメーションがいずれかのjQueryのテーブル上では動作しませんと言うthis other Stack Overflow answer to a questionを見つけたので、私はここに運のうち、おそらくです。

+0

それはうそです、私は – marcgg

+0

の前にTRで作業するようにしました。そして、レール2.xはjqueryではなくプロトタイプを使用します。 – marcgg

+0

私はそれがjqueryではないことを知っていますが、JQueryでうまくいかない理由なぜそれが私のために働いていないのか説明してください。どのようにしてテーブルのために働くのかのための実際の例を共有することができれば、私はそれを感謝します。 – Vinnie

0

アニメーションを使用して、期間オプションを追加しようとする場合があります「スナップ」されているので:あなたは、デフォルトのJSライブラリを Effect.SlideUp('id_of_element', { duration: 3.0 });

+0

私はそれを試してもまだ動作しません。ここでは実際に私が持っている、生成されたHTML ... ​​remove Vinnie

0

含まれていましたか?

<%= javascript_include_tag :defaults %> 
+0

そうだ。<%= javascript_include_tag:すべて%> – Vinnie

+0

奇妙な...よく私は出回っことが可能であるので、TRにslideupを行うことができました。 – marcgg

関連する問題