要素の上にフォームを配置する方法

Question

2つの列のユーザーからのメッセージを表示する壁があります。各メッセージはdivボックスです。 私は各ボックスのIDにメッセージのIDを与えました。

ユーザーがメッセージの編集をクリックすると、Ajaxを使用してページ上にフォームを配置する必要があります。

フォームは2つのメッセージ列と同じ幅です。

ユーザーが左の列にあるメッセージを編集した場合、このメッセージの前に左側にフォームを挿入できます。

しかし、メッセージが右側にある場合は、左のメッセージの先頭とその上にフォームを挿入する必要があります。

jqueryを使用してこれを行うにはどうすればよいですか？

Railsの3 js.erb

Answer 1

たぶん私は何かを見逃していますが、残されたメッセージのIDを知っていれば、なぜあなただ​​けのどこかでこのフォームのためのいくつかの場所を確保していけないあなたは簡単に

$('#edit_link').click(function() { 
    $.ajax({ 
     url: "/getyourform", 
     success: function(data) { 
      $('#left_message_id').before(data); 
     } 
    }); 
}