0

Rails コードによって生成された HTML テーブルから行を削除したいのですが、他の行を新しい位置に「スライド」させたいと考えています。

私はこれに慣れていないので、おそらく単純な間違いを犯したと確信しています。

テーブル行を生成するコードの一部を次に示します。

<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 は次のとおりです。

<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>

これで、行は問題なく削除されますが、クールな AJAX 効果は得られません。それは一種の「スナップ」です。

これまでのところ、「パフ」は私が機能させることができた唯一の効果です。

ヘルプやアドバイスをいただければ幸いです。

アップデート

この効果が table 要素内で機能しない可能性はありますか? 順序付けられていないリストでほぼ正確なコードを試してみましたが、うまくいくようです。

jQuery のテーブルでもアニメーションが機能しないという別の質問も見つけたので、ここでは運が悪いかもしれません。

4

3 に答える 3

0

デフォルトの JS ライブラリを含めましたか?

<%= javascript_include_tag :defaults %>
于 2009-07-24T18:48:36.557 に答える
0

アニメーションがjQueryのテーブルでも機能しないという質問に対するこの別のスタックオーバーフローの回答を見つけたので、おそらくここでは運が悪いでしょう。

于 2009-07-24T18:48:46.337 に答える
0

アニメーションは「スナップ」しているため、期間オプションを追加してみてください。 Effect.SlideUp('id_of_element', { duration: 3.0 });

于 2009-07-24T18:13:32.617 に答える