0

どうすればいいのかわかりません。投稿されたばかりのコメントをアニメーション化して、おそらくフェードインさせたいとします。Rails で ID を設定して、選択してアニメーション化できるようにするにはどうすればよいでしょうか? レールでアニメーション化するために、ID を作成時に適用することはできますか?

編集

ちなみに、jQueryもAjaxもRubyも知りません。私は以前のプログラミング経験とチュートリアルで作業することができただけです。Rails のことをまったく知らなかった私が 2 週間でここまでできたのは奇跡です。私はただ正しい方向に向けられる必要があります。

create.js.erb

$("#commentwall").html("<%= escape_javascript(render(:partial => 'comments')) %>")
$("#commentlist").hide().fadeIn(600)
$("#textbox").val('')

コメント部分で

      <%= form_for(@wallpost, :url => {:action => 'create'}, :html => {
                        :id => 'commentform'}, remote: true) do |f| %>
      <%= f.hidden_field :receiver_id, :value => @user.id %>  
      <%= f.text_area :content, :class => 'inputbox', :id => "textbox" %>
      <%= f.submit 'Post', class: 'right btn' %>    
      <% end %>

また、コメント部分にすべてのウォールポストコメントのhtmlリストがあります...すべてのhtmlを投稿したくありません。それは長い

   <ol><% @user.received_wallposts.reverse.each do |r| %><li>
   <%= r.content %>
   </li>
  <% end %>
  </ol>
4

2 に答える 2

4

このような質問には、完全な回答のエッセイが必要なので、ここで概要を説明しましょう。

1. バトルを選択

プログラマーとして始めたばかりの場合は、シンプルさで十分な場合は、繁栄に時間を費やさないでください。これは、何時間もかかる種類の問題であり、ユーザーにわずかなメリットしか提供しません。

2. Rails/jQuery のセットアップ

Rails の設定についてはチュートリアルがたくさんあるので省略しますが、jQuery は適切な jQuery ファイルを .xml ファイルに含めるのと同じくらい簡単です<head>。開始方法については、jQuery チュートリアルを参照してください。

3. jQuery を使用して要素をフェードする

まず、要素にクラスや ID などの一意の識別子を指定します。次に、jQuery でこのようなことを行い、フェード インさせます。その他のアニメーションについては、jQuery UI のドキュメントを読むことを検討してください。

$(document).ready(function(){
  $('#myelement').fadeIn()
})

最新の要素を取得するには、次のいずれかを試すことができます。

$('.type:last').fadeIn();
$('#e_23').fadeIn();
$('.box').find('.type:last').fadeIn();
于 2013-06-08T10:21:42.090 に答える
1

私はそれを考え出した。私が持っているolとcreate.js.erbにIDを追加しました

W3C を満足させたい場合は、有効な html も有効です。

$("#commentsingle li:first-child").first().hide().fadeIn(600)

みんな、ありがとう。

于 2013-06-08T10:56:02.667 に答える